文章目录

• 1.关键字
• 2.数字和百分数
• 3.距离
• 4.计算值
• 5.角度

1.关键字

（1）全局关键字

CSS3中定义了几个“全局”关键字，规范中的每个属性都能使用：inhert、initial和unset。

• inhert：把元素的某个属性值设为与父元素同一属性一样的值
• initial：把属性的值设为预定义的初始值，即将属性设为默认值
• unset：对于继承的属性来说，unset和inhert一样；对于不继承的属性来说，unset和initial一样

   这三个关键字在全局都可以使用。all属性只接受这三个关键字。all表示除direction和unicode-bidi之外的所有属性都从父元素上继承。

2.数字和百分数

（1）整数

   整数值由一到多个数组成，前面可以有+、-号表示正负。

（2）数字

   数字值是是整数或者实数，实数是指整数后面跟着一个点号，再跟着一些整数。

（3）百分数

   百分数值是在数字后面跟一个百分号%。

（4）弹性值

   弹性值是数字后面跟fr。

3.距离

（1）绝对长度单位

• 英寸（in）
• 厘米（cm）
• 毫米（mm）
• 四分之一毫米（q）
• 点（pt）
• 派卡（pc）
• 像素（px）

（2）分辨率单位

• 点每英寸（dpi）
• 点每厘米（dpcm）
• 点每像素（dppx）

（3）相对长度单位

• em，基于父元素font-size属性，假如父元素的font-size属性是16px，那么1em就是16px。理论上1em等于所用字体中小写字母m的宽度。
• ex，指所用字体中小写字母x的高度。
• rem，和em的区别是，rem相对于根元素的font-size属性计算
• ch，所用字体中一个0的进宽

（4）视区相关单位

• vw，视区宽度单位
• vh，视区高度单位
• vmin，视区尺寸最小值，等于vw或vh的1/100,始终取vw和vh中较小的那个
• vmax，视区尺寸最大值，等于vw或vh的1/100，始终取vw和vh中较大的那个

4.计算值

   CSS提供了calc()值用来计算属性。允许使用±*/还有括号。calc会检查各个值的类型：

（1）+和-两侧的值必须使用相同的单位类型

（2）*计算的两个值必须有一个是数字

（3）/计算的两个值中右边那个必须是数字

（4）任何情况下都不能除0

ps.任何情况下±符号两边都要有空白，这样有助于混淆负数

5.角度

• deg，度数
• grad，百分度
• rad，弧度
• turn，圈数