跳转到内容

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

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

你可以通过定义 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 的一个开始。

华夏公益教科书