CSS中刻度问题

在CSS中刻度是用于设置元素尺寸的单位。

 

1. 特殊值0可以省略单位。例如：margin:0px可以写成margin:0 
2. 一些属性可能允许有负长度值，或者有一定的范围限制。如果不支持负长度值，那应该变换到能够被支持的最近的一个长度值。 
3. 长度单位包括：相对单位和绝对单位。 

• 相对长度单位有： em, ex, ch, rem, vw, vh, vmax, vmin 
• 绝对长度单位有： cm, mm, q, in, pt, pc, px
• 绝对长度单位：1in = 2.54cm = 25.4 mm = 72pt = 6pc = 96px

文本相对长度单位：em 

相对长度单位是相对于当前对象内文本的字体尺寸，如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(相对父元素的字体大小倍数)
body { font-size: 14px; }                            h1 { font-size: 16px; }                                           size1 p { font-size: 1em; }
size2 p { font-size: 2em; }                         size3 p { font-size: 3em; }

文本相对长度单位：rem

rem是CSS3新增的一个相对单位（root em，根em），相对于根元素(即html元素)font-size计算值的倍数
只相对于根元素的大小 
浏览器的默认字体大小为16像素，浏览器默认样式也称为user agent stylesheet，就是所有浏览器内置的默认样式，多数是可以被修改的，但chrome不能直接修改，可以被用户样式覆盖。

em与rem的区别：

• rem 

rem是CSS3新增的一个相对单位（root em，根em），相对于根元素(即html元素)font-size计算值的倍数
只相对于根元素的大小 
rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。
作用：利用rem可以实现简单的响应式布局，可以利用html元素中字体的大小与屏幕间的比值设置font-size的值实现当屏幕分辨率变化时让元素也变化，以前的天猫tmall就使用这种办法

• em 

文本相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸(默认16px)。(相对父元素的字体大小倍数)
em（font size of the element）是指相对于父元素的字体大小的单位。它与rem之间其实很相似，区别在。（相对是的HTML元素的字体大，默认16px）
em与rem的重要区别： 它们计算的规则一个是依赖父元素另一个是依赖根元素计算