标签:百分比 很多 像素 相同 使用 大致 统一 line css
单位分为绝对单位和相对单位
绝对单位,例如:cm mm in pt pc 在css中是用不到的
相对单位:px像素 %百分百 em(1em相当于当前元素字体大小) rem(1rem相当于根元素字体大小);还有ex,vw ,vh 等大小单位
css中支持百分比做为单位的属性很多,大致可以分为三类:
(1)width,height,font-size的百分比是相对于父元素“相同属性”,的值计算的。
(2)line-height的百分比是相对于前元素的line-height的值来计算。
(3)vertical-align的百分比是相对于当前的line-height值来计算。
em当前元素字体大小
使用em作为单位有三个小技巧
1,首行缩进用:text-indent:2em
2,使用em作为统一单位(我们要清楚一点是所有浏览器的默认字体大小都是16px。如果在一个页面中我们要统一用em作为单位,可以拿字体大小开刀。)
3,使用em作为字体大小单位
对于一个页面的字体大小,使用px作为单位时可扩展性不好,最佳的就是使用em作为单位来定义大小。当需要改变页面整体大小 的话,只要改变根元素的字体大小就可以 了
rem 相对于根元素字体大小
标签:百分比 很多 像素 相同 使用 大致 统一 line css
原文地址:http://www.cnblogs.com/lpfworld/p/7810146.html