层叠样式表/定义样式规则
外观
< 层叠样式表
(重定向自 层叠样式表/Defining)你可以通过定义 CSS 规则来将格式化指令与网页关联起来(无论是在单独的文件中、嵌入式还是内联,参见 将 CSS 应用于 HTML 和 XHTML)。
每个规则包含两个部分:一个选择器和一个由大括号(花括号)包围的一个或多个声明组。
- selector { declaration; declaration2; ...}
每个声明的格式如下:
- property: value
请记住,一个规则中可以有多个声明。一个常见的错误是混淆冒号(分隔声明的属性和值)和分号(分隔声明)。选择器选择规则适用的元素,而声明设置所选元素的不同属性的值。
属性是许多属性之一。 w3.org 列出了所有 CSS 属性.
以下是如何使所有 span
元素显示为粗体的示例:
span {
font-weight: bold;
}
font-weight: bold;
声明具有属性 font-weight
和值 bold
,这使得字体变为粗体。
这将显示为:
粗体文本
一个稍微复杂的例子是:
span {
font-weight: bold;
color: yellow;
background-color: black;
}
这将显示为:
黄色粗体文本
你可以使用许多其他属性和值,但这仅仅是如何使用 CSS 的一个开始。