码迷,mamicode.com
首页 > Web开发 > 详细

css中的单位

时间:2017-11-09 17:15:03      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:百分比   很多   像素   相同   使用   大致   统一   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 相对于根元素字体大小

 

css中的单位

标签:百分比   很多   像素   相同   使用   大致   统一   line   css   

原文地址:http://www.cnblogs.com/lpfworld/p/7810146.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!