跳轉到內容

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

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

透過定義 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 用法入門。

華夏公益教科書