css基础知识——单位

单位

绝对单位

排版单位：皮咔（pc），点（pt），像素（px）。1英寸=6皮咔，72点，96像素。
以上为绝对单位。如果想要准确的按照物理尺寸，使用绝对单位较好。如果想要在不同屏幕上显示正确，推荐在使用相对单位，

相对单位

1. 文本相对
   文本相对单位：相对文字大小（通常是当前字体）单位包括字体大小（em），字体高度（ex），零宽度（ch），和根字体大小（rem）。1em=12px
2. 视口相对
   视口相对单位：视口宽度（vw），视口高度（vh），视口最小值（vmin），视口最大值（vmax）。这些单位都代表所适应视口尺寸的1%。（例如：视口600宽度*400px高度，那么1vw=6排序，1vh=4px。本例中最小的视口尺寸是400px，1vmin=4px，1vmax=6px）

提示

• 全角空格字符（&emsp）创建一个宽度为1em的空格。
• 破折号符号（&mdash）创建一个长度为1em的破折号。
• 半角空格符号（&ensp）创建一个½em宽度的空格。

颜色单位

color特性分别使用红色，绿色和蓝色的组成值定义。

1. 标准格式使用十六进制值（从0到xFF）指定每种颜色的组成值。此时的颜色由六位数字组成，前两位定义红色的组成值，接下来的两个数字定义绿色组成值，最后两个数字定义蓝色的组成值。十六进制之前加上哈希符号（#）。
2. 第二种方式，仅使用单个数字来表示每种组成的颜色。如#567，当使用这种格式表示颜色时，通过复制单个数字的方式生成两位数的表示形式。
3. 以十进制数的形式，使用函数rgb（）函数，该函数接收3个参数，分别表示红色，绿色，蓝色，范围从0到255。也可以指定百分比，rgb（100%，100%，100%）。
4. 接收四个参数的rgba（）函数，前三个参数和rgb（）函数相同，第四个参数称为alpha，指定不透明度。alpha值介于0和1之间。1表示不透明，0表示完全透明。
5. 可以使用16个关键字定义颜色值，red green blue等。
6. 想要通过色调，饱和度和亮度定义颜色，使用hsl（）函数第一个参数色调表示角度，以度为单位没有必要使用单位。饱和度表示颜色的强度，和亮度一起用百分比表示。

在多数样式声明中，可以将一些关键字作为单位来使用。包括：auto，inherit，initial，revert，unset。

• inherit——表示属性继承父元素的值。大多数属性都会默认继承，设置成inherit实际不会更改什么。
• initial——将属性值设置成初始的默认值。
• auto——auto的值比较难确认，具体取决于使用的地方。padding：auto，自动调整左右边距。
• revert——表示浏览器忽略任何作者样式使用浏览器的默认样式。
• unset——是inherit和initial的组合。对于所有可继承的属性类似于inherit，对于其他属性类似于initial。
  revert和unset许多浏览器不支持。