/*CSS规则集*/
h1 {
font-size: 24px;
color: #333333;
text-align: center;
}
p {
font-size: 16px;
color: #666666;
line-height: 1.5;
}在网页制作过程中，大家可以使用外部样式表将CSS样式从HTML文件中分离出来，以提高网页的可维护性和可读性。外部样式表保存为一个以.css为扩展名的文本文件，可以在HTML文档中使用<link>标签将其导入，如下：
<link rel="stylesheet" href="style.css">
其中，rel属性的值为stylesheet表示导入的是CSS样式表，href属性指定了样式表文件的相对或绝对路径。
除了外部样式表，内部样式表和行内样式表也是CSS样式表的两种常见形式。内部样式表可以在<style>标签中定义，如下：
<head>
<style>
h1 {
font-size: 24px;
color: #333333;
text-align: center;
}
p {
font-size: 16px;
color: #666666;
line-height: 1.5;
}
</style>
</head>行内样式表指的是直接在HTML标签的style属性中设置样式，它的优先级最高。如下：
<h1>这是一个标题</h1>
无论是哪种形式的CSS样式表，编写它的核心都是选择器和属性声明，只有选择器和属性声明结合起来才能产生有效的样式。为了避免重复编写大量的选择器和属性声明，大家可以使用CSS预处理器来生成CSS样式表。常见的CSS预处理器有Sass、Less、Stylus等，它们通过扩展了CSS的语法，提供了更加便捷和高效的样式表编写方式，并可以在编译时将其转换成标准的CSS样式表。