css 基点 |css3万花筒

css 怪异盒，小程序 css区别，css中float详解，css鼠标经过图片文字，css元素隐藏不占位置，多屏背景图css，css3万花筒 css 基点 |css3万花筒

在 HTML 中，通过设置 “font-size” 属性来设置基点。如:

<html>
<head>
<style>
body {
font-size: 16px; /* 这里设置了基点为 16px */
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落</p>
</body>
</html>

上面的代码中，大家将基点设置为 16px。在后面的 CSS 样式表中，如果大家使用 “em” 单位，那么 “1em” 将等于 16px。例如:

p {
font-size: 1.2em; /* 这里的 1.2em 实际上等于 19.2px */
}

大家可以看到，将基点设置为适当的值可以大大简化样式表中的计算。但是，如果你的基点设置过小或过大，会导致样式表的计算难度增加。当字体大小发生变化时，你可能需要修改大量的样式表。

总之，正确设置基点可以使样式表更加简单易读，同时也能够减少后期维护的难度。