跳轉到內容

層疊樣式表/定義樣式規則

來自華夏公益教科書,開放的書籍,開放的世界

你可以透過定義 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 的一個開始。

華夏公益教科書