跳至主要內容

语法

Sankgao约 219 字小于 1 分钟FrontendCSS3

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

             属性 值       属性    值
  ╭┈┈┈┈╮ ╭┈┈┈┈╱┈┈┈┈╲┈┈┈┈┈┈┈╱┈┈┈┈┈┈┈╲┈┈┈┈┈╮
  ┆ h1 ┆ ┆ {color:red; font-size:14px;}  ┆
  ╰┈┈┈┈╯ ╰┈┈┈┈┬┈┈┈┈┈┈┈┈┈┈┈┈┈┈┬┈┈┈┈┈┈┈┈┈┈┈╯
(选择器) ╭┈┈┈┴┈┈┈╮     ╭┈┈┈┈┴┈┈┈┈╮
             声明           声明
  • 选择器:指向您需要设置样式的 HTML 元素
  • 声明块:包含一条或多条用 分号 分隔的声明
  • 每条声明都包含一个 CSS 属性名称一个值,以冒号分隔
  • 多条 CSS 声明用分号分隔,声明块用 花括号 括起来

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

演示
<p>Hello World!</p>
<p>这些段 落是通过 CSS 设置样式的。</p>
p {
  color: red;
  text-align: center;
}
  • p 是 CSS 中的选择器(它指向要设置样式的 HTML 元素:<p>
  • color 是属性,red 是属性值
  • text-align 是属性,center 是属性值