層疊樣式表/定義樣式規則
外觀
< 層疊樣式表
(重定向自 層疊樣式表/Defining)你可以透過定義 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 的一個開始。