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

CSS教程教程
CSS教程:position属性
CSS教程:vertical-align的值
CSS教程:设计制作网页的CSS经验
CSS教程:完美的绝对底部
CSS教程:网页字体的设置和控制
CSS教程:练习层DIV的定位小实例
css教程:DIV垂直居中的办法
css教程:网页字体及字体大小的设计
CSS教程:表格的nobr终极解决方案
CSS教程:关于网页图片的属性
CSS教程:元素层叠级别及z-index
css教程:css指令,兼容,注释,selector
css教程:css和document
CSS教程:网页英文字体和中文字体应用
css教程:可读性可维护性良好的CSS文件
CSS教程:网页颜色的几种表示
CSS教程:优先级问题的考虑实例
CSS教程:专门介绍滑动门
CSS教程:legend标签设定宽度
CSS教程:容器定位

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-05   浏览: 151 ::
收藏到网摘: 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会继承父级元素的字体大小。