CSS 语法


目录

    显示目录


CSS 规则由选择器和声明块组成。


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 属性的更多信息!