标签:
1. em
em是参照元素的字号来设置自身值的一个相对长度单位,如下所示,我设置p元素的font-size属性值为14px,给p元素的height设置为4em,同时给line-height也设置为4em,这样可以让p元素的内容有一个上下居中的效果。
1 p{ 2 background: gold; 3 color: #000000; 4 font-size: 14px; 5 height: 4em; 6 line-height: 4em; 7 }
1 <p>这是随便写的一句话</p>
效果如下所示:
2. rem(个人感觉这个值在响应式布局会很有用,目前用的不多,但将来应该会很热)
1 html{ 2 font-size: 24px; 3 } 4 p{ 5 background: gold; 6 color: #000000; 7 font-size: 1rem; 8 height: 4em; 9 line-height: 4em; 10 }
1 <p>这是随便写的一句话</p>
效果如下:
3. px
像素,这个单位在实际的开发中用的,见得非常多。虽然CSS标准中定义的px是一个相对长度单位,但因为定义的很奇葩(似乎是和读者的臂长还有关系,我猜这应该也是相对的一种吧:)),所以很多浏览器都把1px的长度定义为1英寸的1/96,大约是这样,所以本质上,px还是一个绝对长度单位。因为很常见,所以就不演示了。
4. %
标签:
原文地址:http://www.cnblogs.com/enjoymylift/p/5976577.html