层叠样式表/定义样式规则
外观
< 层叠样式表
通过定义 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 用法入门。