数据类型定义
<integer>
:整数<number>
:整数或小数<dimension>
:<number>
加上一个单位,包括<length>
、<angle>
、<time>
、<resolution>
<percentage>
:百分数
长度
属于 <length>
绝对长度
单位 | 名称 | 等价换算 |
---|---|---|
cm | 厘米 | 1cm = 37.8px = 25.2/64in |
mm | 毫米 | 1mm = 1/10th of 1cm |
Q | 四分之一毫米 | 1Q = 1/40th of 1cm |
in | 英寸 | 1in = 2.54cm = 96px |
pc | 派卡 | 1pc = 1/6th of 1in |
pt | 点 | 1pt = 1/72th of 1in |
px | 像素 | 1px = 1/96th of 1in |
除了
px
大多数在打印时使用
相对长度
em
和rem
分别相对于父元素和根元素(<html>
)的字体大小(如1.5rem
表示根元素字体大小的 1.5 倍)vh
和vw
分别相对于视口的高度和宽度(如1vh
表示视口高度的 1% )
百分比
属于 <percentage>
,是一个相对值
数字
不带单位的数,不需要引号括起来
颜色
- 关键词:
red
、green
、blue
- 十六进制:
#000
、#fff
- RGB:
rgb(R G B[ / A])
- HSL:
hsl(H S L[ / A])
函数
calc()