CSS 基础教程-036 CSS 使用百分比和em设置字体大小

hrs 提交于 2020/01/11 - 07:46 , 周六

实例代码:

<!doctype html>
<head>
<meta charset="utf-8">
<style type="text/css">
p.em2{font=size:2em;}
p.em1{font=size:1em;}
p.em0{font=size:0.5em;}
</style>

</head>
<html>
<body>
<h1>百分比和em设置字体大小实例</h1>
<p class="em2">这是一段文本</p>
<p class="em1">这是一段文本</p>
<p class="em0">这是一段文本</p>
</body>
</html>

运行效果:

css_036.png

主体设置百分比是设置整体字体为80%的大小。

标签