字体大小

  1. px指定:字母的高度
  2. %百分比指定:Ⅰ相对于默认字体大小的比例 Ⅱ相对于父元素大小的比例
  3. em:比例指定。
  4. 关键字指定:xx-small  x-small small  medium  large x-large xx-large
  • 采用关键字指定body字体大小,其他用相对比例指定,更加有利于页面缩放
  • IE不支持px指定字体的缩放。

字体粗细

font-weight:

  • normal
  • bold
  • normaler(少用)
  • bolder(少用)
  • n*100(少用)

字体风格

font-style:

  • italic:不同折别/浏览器,无法控制室显示为斜体还是倾斜,多采用此种。
  • oblique
  • 与<em>区别,<em>是html标签,表示内容需要强调,不一定为斜体。

Web颜色

  • rgb(%,%,%)      红绿蓝比例
  • rgb(1-255,1-255,1-255)   红绿蓝数值
  • #FFFFFF-#000000        红绿蓝十六进制码
  • color:元素的前景色,包括字体与边框
  • border-color:边框色

text-decoration:

line-throughCSS中可指定删除线,在html中使用<del>配合说明内容结构。

Webq前端-HeadFirst-笔记-CH8-字体大小/色彩/装饰/粗细相关推荐

  1. 前端学习笔记:字体图标的下载网址

    字体图标的下载 icomoon字库 http://icomoon.io 阿里iconfont字库 http://www.iconfont.cn/ 选择字体图标后下载压缩包,解压后把fonts这个文件夹 ...

  2. 为知笔记如何修改默认字体大小,字体行距,代码字体大小,字体行距等等(亲证有效)

    由于之前个人一直用为知笔记存储笔记,所以有些使用习惯,官方并没有开放或者提供,特意研究了下. 为知笔记全局字体大小,代码字体修改 找到为知笔记的客户端定义文件路径:D:\WizNote\WizNote ...

  3. R语言ggplot2可视化指定图像标题(title)、副标题(subtitle)的内容、字体大小、字体类型、色彩、对齐方式等实战

    R语言ggplot2可视化指定图像标题(title).副标题(subtitle)的内容.字体大小.字体类型.色彩.对齐方式等实战 目录

  4. 前端开发之字体大小px,em,rem,pt

    在前端开发中尤其是响应式的开发中,字体的大小在不同的屏幕尺寸下发生变化,从而使画面更优的呈现. 下面说一下常用的字体大小的标示方式: 1:px: 这个应该是国内使用较多的单位,意思为像素.因此,其视觉 ...

  5. python3.4学习笔记(十八) pycharm 安装使用、注册码、显示行号和字体大小等常用设置...

    python3.4学习笔记(十八) pycharm 安装使用.注册码.显示行号和字体大小等常用设置 Download JetBrains Python IDE :: PyCharm http://ww ...

  6. 【前端学习笔记】(三)(CSS基础、选择器、字体和文本样式)

    目录 一.基础认知 1.1 CSS介绍 1.2 CSS语法规则 1.3 CSS常见属性 1.4 CSS引入方式 1.5 CSS常见三种引入方式的区别 二.基础选择器 1.标签选择器 2.类选择器 3. ...

  7. rem 前端字体_响应式网页设计:rem设置网页字体大小自适应

    首先简单科普一下什么是响应式网页.响应式网页是指会根据输出设备的分辨率不同,而自动调整布局的网页.同时,在输出设备分辨率改变时,也能及时自动调整.说穿了,就是三个字:自适应. 响应式网页不仅仅是响应不 ...

  8. html按钮文字设置大小,前端JavaScript-点击大中小按钮设置文章字体大小

    在页面的某一个位置会有三个按钮,点击以后可以设置字体的大小,下面就通过简单的代码实例介绍一下如何实现此效果. 代码实例如下: 前端JavaScript-点击大中小按钮设置文章字体大小 function ...

  9. 作图笔记 - mermaid的字体大小设置

    作图笔记 - mermaid的字体大小设置 背景 代码 关键点 另外 背景 使用mermaid画图的时候,需要调整字体的大小,来尽量使得图更精炼. 代码 <html><body> ...

最新文章

  1. python requests 提示警告 InsecureRequestWarning
  2. 存储过程 while is null_java 自动化 使用存储过程构造测试数据
  3. 高校学生学籍系统C++amp;mysql
  4. springzuul本地路由和跨服务器路由问题
  5. Linux环境下软件安装
  6. 分享正在构想的开源门户/B2B框架理念 与现有流行的门户系统/B2B系统有很大不同...
  7. Java怎样获项目路径_java项目中获取路径的方式
  8. 常见设计稿字体对应字重font-weight大小
  9. 查看elasticserc版本_Elasticsearch版本和客户端介绍
  10. python股票回测_从啥都不会试着用python做均线回测--1
  11. iOS MultipeerConnectivity
  12. Python的基本操作
  13. 基于PHP和mysql的简单学生成绩管理系统
  14. 深度解析——图片加载到内存中的大小计算内存优化
  15. 三、appender分析
  16. Redis主从架构 | 黑马Redis高级篇
  17. HC-SR04超声波测距模块使用方法和例程(STM32)
  18. 【C++】有一个8层灯塔,每层的等数…
  19. 植物大战僵尸android版手机版,植物大战僵尸95版手机版
  20. 如何去除PDF文档的加密

热门文章

  1. linux看电影软件下载,LINUX总结第5篇:Cent os常用软件(看电影、听音乐、看pdf、看word等)...
  2. 360浏览器的主页为什么无法修改?
  3. 中国云计算市场年终盘点:精彩依旧 未来可期
  4. 无心剑中译叶芝诗18首
  5. Node.js能做什么
  6. iOS 启动连续闪退保护方案
  7. win2008+wmiprvse.exe占用CPU高的解决方案
  8. 湖南凤凰古城--美丽的湘西小城
  9. 基于Vue+node的图书馆座位预约选座管理系统
  10. 【国内独家首发】iPhone4 iOS7不完美越狱教程新鲜出炉