sim*_*rsh 27
多年来,"em"的含义发生了变化.并非所有字体都包含字母"M"(例如,中文),但所有字体都有高度.因此,该术语意味着字体的高度 - 而不是字母"M"的宽度.
让我们看一个简单的例子,我们使用em单位来设置字体大小:
<html>
<style>
h1 { font-size: 2em }
</style>
<body>
<h1>Movies</h1>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
当用于指定字体大小时,em单位指的是父元素的字体大小.因此,在前面的示例中,
h1
元素的字体大小设置为body
元素字体大小的两倍.要查找h1
元素的字体大小,我们需要知道字体的大小body
.因为样式表中没有指定,所以浏览器必须从其他地方找到它 - 一个好看的地方就是用户的偏好.因此,如果用户将正常字体大小设置为10个点,则h1
元素的大小为20个点.这使得文档标题相对于周围文本突出.因此:始终使用ems来设置字体大小!
Hai*_*vgi 17
1em的是等于到当前字体大小.
2em意味着当前字体大小的2倍.
例如,如果元素显示为12 pt的字体,则'2em'为24 pt.'em'是CSS中非常有用的单元,因为它可以自动适应阅读器使用的字体
这是其他CSS单元的链接:
http://www.w3schools.com/cssref/css_units.asp
归档时间: |
|
查看次数: |
44104 次 |
最近记录: |