CSS 基础教程-035 CSS 使用em来控制文本字体的大小

hrs 提交于 2020/01/10 - 15:23 , 周五

实例代码:

<!doctype html>
<head>
<meta charset="utf-8">

<style type="text/css">
p.em3{font-size:3em;}
p.em15{font-size:1.5em;}
p.em1{font-size:1em;}
</style>
</head>
<html>
<body>
<h1>em字体大小实例</h1>
<p class="em3">这是3em的字体大小</p>
<p class="em15">这是1.5em的字体大小</p>
<p class="em1">这是1em的字体大小</p>
</body>
</html>

css_035.png

1em = 16px

标签