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

CSS—— em的详解

时间:2017-07-13 16:26:00      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:代码   字体大小   str   text   ...   ora   规则   例子   htm   

字体大小在浏览器的默认样式表中有规定。一般采用em为单位,也就是相对单位,1em=16像素。

同时,像P h1等等标签都采用浏览器默认的em单位,P为1em,h1为2em等等。

两条重要的规则:

1.font-size是一个例外,它以父元素的大小做为相对来计算

2.除了font-size之外,其余的以本身为相对单位,这个一会解释。

 

叠加的例子

有一段代码:

<p>....apple banana..<strong>watermelon</strong>....</p>

假如想实现效果:p的大小变化时,内部嵌套的<strong>也随之变化。这里就可以用em为单位。

 

CSS—— em的详解

标签:代码   字体大小   str   text   ...   ora   规则   例子   htm   

原文地址:http://www.cnblogs.com/tinaluo/p/7160160.html

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