css中单位em

发布时间：2015-08-19 22:00:15

一、介绍w3cschool中给出css中尺寸单位如下：单位描述%百分比in英寸cm厘米mm毫米em1em 等于当前的字体尺寸。2em 等于当前字体尺寸的两倍。例如，如果某元素以 12pt 显示，那么 2em 是24pt。在 CSS 中，em 是非常有用的单位，因为它可以自动适应用 ...

一、介绍

w3cschool中给出css中尺寸单位如下：

单位	描述
%	百分比
in	英寸
cm	厘米
mm	毫米
em	1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。例如，如果某元素以 12pt 显示，那么 2em 是24pt。在 CSS 中，em 是非常有用的单位，因为它可以自动适应用户所使用的字体。
ex	一个 ex 是一个字体的 x-height。 (x-height 通常是字体尺寸的一半。)
pt	磅 (1 pt 等于 1/72 英寸)
pc	12 点活字 (1 pc 等于 12 点)
px	像素 (计算机屏幕上的一个点)

看到对em描述最多就知道它很重要了。

em用来自适应用户所使用的字体，1em相当于当前的字体尺寸（font-size属性），2em相当于当前字体尺寸的2倍。

可见em用作特定字体的相对大小。

二、举例

在浏览器默认样式一文中很多的默认样式，单位都是用的em。

现在再拿其中一段默认样式举例。

h1       { font-size: 2em; margin: .67em 0 }h2       { font-size: 1.5em; margin: .75em 0 }h3       { font-size: 1.17em; margin: .83em 0 }h4, p,blockquote, ul,fieldset, form,ol, dl, dir,menu      { margin: 1.12em 0 }h5       { font-size: .83em; margin: 1.5em 0 }h6       { font-size: .75em; margin: 1.67em 0 }h1, h2, h3, h4,h5, h6, b,strong     { font-weight: bolder }

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com