4.css度量单位_html/css_WEB-ITnose

　　绝对长度指的是现实世界的度量单位，CSS 支持五种绝对长度单位。

绝对长度单位

　　相对长度指的是依托其他类型的单位，也是五种。

相对长度单位

　　下面我们使用一些常用的单位作为演示，而不做演示的基本用不到了。

　　1.em 相对单位

p {    margin: 0;     padding: 0;     background: silver;     font-size: 15px;     height: 2em;} 

　　解释：em 是相对单位，与字号大小挂钩，会根据字体大小改变自己的大小，灵活性很高。

　　2.px 相对单位，绝对特性

p {    margin: 0;     padding: 0;    background: silver;    font-size: 15px;     height: 55px;} 

　　解释：虽然 px 也是相对单位，但由于和分辨率挂钩，导致他其实就变成一个绝对单位了，自然灵活性没有 em 高，但是使用难度较低，且大量的开发者习惯性使用它。

　　3.%百分比

p {    margin: 0;    padding: 0;    background: silver;    font-size: 200%;     width: 50%;} 

　　解释：长度比较好理解，就是挂钩它所在区块的宽度。而 font-size 则是继承到的原始大小的百分比。