CSS学习之单位和值

数字

数字，作 缩放因子

百分数

颜色

 3.1 颜色名
 3.2 rgb(0%, 0%, 0%)  --> 0% - 100%
 3.3 rgb(0, 0, 0)  ---> 0 - 255
 3.4 rgba(0, 0, 0, 1)   ---> 最后一个数字表示透明度0.0 - 1.0之间
 3.5 十六进制
     3.5.1 #33ff22  --> 33表示R / ff表示G / 22表示B
     3.5.2 上述可以简写 --> #3f2
     3.5.3 拓展知识：十六进制 f3 --> 对应的十进制 f * 16 + 3 = 15 * 16 + 3 
     3.5.4 记住：
             #000 --> 黑
             #fff --> 白
             #f00 --> 红
             #ccc --> 浅灰
             #333 --> 灰
             #222 --> 深灰

绝对长度单位

• in，英寸
• cm，厘米
  • 1in = 2.54cm
• mm，毫米
• pt，印刷单位，点
  • 1in = 72pt
• pc，印刷单位，派卡
  • 1pc = 12pt

相对长度单位

• em，印刷单位，常用于移动端，text-indent建议用这个

  • 1em = font-size，例如font-size: 16px; 那么1em = 16px;

• rem，印刷单位，常用于移动端

• ex

  • 1ex = 0.5em

• px，如果为0，不用写单位

• vm，相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vm

  h1{font-size:8vm;}
  如果视口的宽度是300mm，高度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/100，因为高度比宽度要小，所以计算的时候相对于高度。

• vw: 视口宽度的百分比（1vw 等于视口宽度的 1%）

• vh: 视口高度的百分比（1vh 等于视口高度的 1%）

URL

1. 需要注意的是background: url(xxxx.jpg)中的url和(之间不能有空格)
2. 地址用引号或者不用都可以

关键字

例如：font-size: small;

inherit

所有属性共有的，使一个属性的值与父元素的值相同。