添加 CSS
- 添加 CSS *（星号）选择器以选择文档的所有元素。
- 设置字体大小、字体系列、行高和颜色属性。
html * {
font-size: 16px;
line-height: 1.625;
color: #2016131;
font-family: Nunito, sans-serif;
}
将全局字体应用于整个 HTML 文档的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
html * {
font-size: 16px;
line-height: 1.625;
color: #2016131;
font-family: Nunito, sans-serif;
}
</style>
</head>
<body>
<h1>Heading</h1>
<p>
生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
是谁把光阴剪成了烟花，一瞬间，看尽繁华。是谁把思念翻起了浪花，一转身，浪迹天涯。
</p>
</body>
</html>
如果我们需要确保没有任何内容可以覆盖该样式中设置的内容，请使用 CSS !important 规则。
它用于忽略文本的内部格式，即其他样式不能用 !important 覆盖样式。
接下来，我们将演示一个示例，其中我们对所有 CSS 属性使用 !important 规则。
使用 !important 规则将全局字体应用于整个 HTML 文档的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
html * {
font-size: 16px !important;
line-height: 1.625 !important;
color: #2016131 !important;
font-family: Nunito, sans-serif !important;
}
</style>
</head>
<body>
<h1>Heading</h1>
<p>
生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。
是谁把光阴剪成了烟花，一瞬间，看尽繁华。是谁把思念翻起了浪花，一转身，浪迹天涯。
</p>
</body>
</html>
请记住，不建议使用 !important 规则。
如果可能，尽量避免使用它。
创建 HTML
- 使用 <h1> 和 <p> 元素。
<h1>Heading</h1> <p>生活本就是矛盾的,白天与黑夜间的距离,春夏秋冬之间的轮回,于是有了挑剔的喜爱,让无奈加上了喜悦的等待。 是谁把光阴剪成了烟花，一瞬间，看尽繁华。是谁把思念翻起了浪花，一转身，浪迹天涯。 </p>
有时我们可能会遇到需要将相同的 font-family 和 font-size 应用于整个 HTML 文档的情况。
在此代码中，我们将全局字体格式应用于整个 HTML 页面。
其中我们可以找到两个示例，其中一个应用了 CSS !important 规则。
日期：2020-06-02 22:14:57 来源：oir作者：oir