CSS 规则由选择器和声明块组成。
选择器指向您想要设置样式的 HTML 元素。
声明块包含一个或多个声明,以 分号。
每个声明都包含一个 CSS 属性名称和一个值,以冒号分隔。
多个CSS声明用分号分隔,声明 块被花括号包围。
在此示例中,所有 <p> 元素都将居中对齐,并带有红色 文字颜色:
p
{
color: red;
text-align: center;
}
自己尝试一下 →
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Hello World!</p>
<p>These paragraphs are styled with CSS.</p>
</body>
</html>
p
是 CSS 中的选择器(它指向您想要设置样式的 HTML 元素: <p>)。
color
是属性,red
是属性值
text-align
是属性,center
是属性值
在接下来的章节中,您将了解有关 CSS 选择器和 CSS 属性的更多信息!