跳转到内容

层叠样式表/定义样式规则

来自维基教科书,开放的书籍,开放的世界

通过定义 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 用法入门。

华夏公益教科书