CSS教程：简单理解em

2016-02-19 23:28 8 1 收藏

今天图老师小编给大家介绍下CSS教程：简单理解em，平时喜欢CSS教程：简单理解em的朋友赶紧收藏起来吧！记得点赞哦~

【 tulaoshi.com - Web开发】

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会继承父级元素的字体大小。

来源:http://www.tulaoshi.com/n/20160219/1629993.html

上一篇： dl,dt,dd,ul,li,ol区别及应用
下一篇：苦涩甜蜜争扎做你的避风港

看过《CSS教程：简单理解em》的人还看了以下文章更多>>

CSS控制段落缩进:text-indent:2em

标签： Web开发

有关CSS段落缩进的语法如下：语法: text-indent: 〈值〉允许值: 〈长度〉 | 〈百分比〉初始值: 0 文本缩进属性可以应用于块级元素(P，H1，等.)，以定义该元素第一行可以接受的缩进的数量。该值必须是一个长度或一个百分比。若百分比则视上级元素的宽度而定。通用的文本缩进用法是用于段的缩进: P { text-indent: 2em } 即表示段落缩进2个...

关于DIV CSS和XHTML CSS的理解

标签： Web开发

WEB标准是一系列标准的集合，并不是仅DIV CSS布局就可以实现。以CSS网页布局只是标准的基础之一。DIV CSS布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构，结合CSS最大程度使表现与内容相分离。一位网友对W3C标准、重构与CSS布局的理解：不知道从什么时候开始，在网络上到处可以看到div css，...

理解CSS的浮动标签Float

标签： Web开发

Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都是由于老版本的IE带来的（我只...

CSS模块化的理解

标签： Web开发

在Twinsen Liang的博客上看到一篇名为语义化单单的限定在html么？的文章，文中主要是提及了CSS的命名规则，仔细阅读后，我认为这个其实就是模块化思想。（作者也提了这一点）。我没有看过CSS模块化的相关书籍，所以我下面说的不一定正确，但是在工作中，我会用我理解的模块化方式提高工作效率，我理解的模块化，主要分为两类。 1、将常见...

关于DIV+CSS和XHTML+CSS的理解

标签： Web开发

WEB标准是一系列标准的集合，并不是仅DIV+CSS布局就可以实现。以CSS网页布局只是标准的基础之一。DIV+CSS布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构，结合CSS最大程度使表现与内容相分离。一位网友对W3C标准、重构与CSS布局的理解：不知道从什么时候开始，在网络上到处可以看到div+...

查看更多精彩>>