当前位置: 首页 > 图文教程 > 专题中心 > XHTML教程、HTML教程与W3C教程专题 > CSS教程教程 > CSS教程:简单理解em

CSS教程教程
CSS教程:网页布局定位及z-index解释
CSS教程:line-height属性的继承
CSS教程:复合型条状图表
CSS教程:最基本的条状图表
CSS教程:媒体类别语法
CSS教程:CSS放入网页的几种方式
CSS教程:了解熟悉css语法
CSS教程:CSS到底是干什么用的?
CSS教程:行高line-height属性(1)
CSS教程:认识层叠规则互相作用
CSS教程:理解继承属性及应用
CSS教程:行高line-height属性(2)
CSS教程:div设置float后高度不自动增加
CSS教程:简单理解em
CSS教程:总结清除浮动的方法
CSS教程:汇总CSS初学者的几个技巧
CSS教程:简化CSS中属性的示例
CSS教程:网页图片垂直居中的使用技巧
css教程:美化网页段落的排版
css教程:网页布局

CSS教程教程 中的 CSS教程:简单理解em


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 152 ::
收藏到网摘: n/a

px比em更加容易使用,em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px,所以10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10,然后换上em作为单位就行了。

em的特性

1. em的值并不是固定的;

2. em会继承父级元素的字体大小。