層疊樣式表/定義樣式規則
外觀
< 層疊樣式表
透過定義 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 用法入門。