CSS 语法


CSS 语法

CSS 规则集(rule-set)由选择器和声明块组成:

选择器指向您需要设置样式的 HTML 元素。

声明块包含一条或多条用分号分隔的声明。

每条声明都包含一个 CSS 属性名称和一个值,以冒号分隔。

多条 CSS 声明用分号分隔,声明块用花括号括起来。

实例

在此例中,所有 <p> 元素都将居中对齐,并带有红色文本颜色:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. p {
  6. color: red;
  7. text-align: center;
  8. }
  9. </style>
  10. </head>
  11. <body>
  12. <p>Hello World!</p>
  13. <p>这些段落是通过 CSS 设置样式的。</p>
  14. </body>
  15. </html>
例子解释
  • p 是 CSS 中的选择器(它指向要设置样式的 HTML 元素:<p>)。
  • color 是属性,red 是属性值
  • text-align 是属性,center 是属性值

在下一章中,您将学到更多关于 CSS 选择器和 CSS 属性的知识。