CSS 語(yǔ)法

CSS 語(yǔ)法

實(shí)例

• 查看 實(shí)例 1
• 查看 實(shí)例 2

CSS 實(shí)例

CSS 規(guī)則由兩個(gè)主要的部分構(gòu)成：選擇器，以及一條或多條聲明:

選擇器通常是您需要改變樣式的 HTML 元素。

每條聲明由一個(gè)屬性和一個(gè)值組成。

屬性（property）是您希望設(shè)置的樣式屬性（style attribute）。每個(gè)屬性有一個(gè)值。屬性和值被冒號(hào)分開(kāi)。

CSS 實(shí)例

CSS 聲明總是以分號(hào) ( ; ) 結(jié)束，聲明組以大括號(hào) ({ }) 括起來(lái):

為了讓 CSS 可讀性更強(qiáng)，你可以每行只描述一個(gè)屬性:

CSS 顏色值的寫(xiě)法

在描述顏色的時(shí)候，除了使用英文單詞 red，我們還可以使用十六進(jìn)制的顏色值 #ff0000： 

為了節(jié)約字節(jié)，我們可以使用 CSS 的縮寫(xiě)形式： 

我們還可以通過(guò)兩種方法使用 RGB 值：

提示：當(dāng)使用 RGB 百分比時(shí)，即使當(dāng)值為 0 時(shí)也要寫(xiě)百分比符號(hào)。但是在其他的情況下就不需要這么做了。比如說(shuō)，當(dāng)尺寸為 0 像素時(shí)，0 之后不需要使用 px 單位。

在本站的編程實(shí)戰(zhàn)部分中，介紹了CSS使用十六進(jìn)制代碼設(shè)置顏色，以及CSS使用rgb屬性設(shè)置顏色，你可以參考該部分的內(nèi)容進(jìn)行更多了解。

CSS 注釋

注釋是用來(lái)解釋你的代碼，并且可以隨意編輯它，瀏覽器會(huì)忽略它。

CSS注釋以 "/*" 開(kāi)始, 以 "*/" 結(jié)束, 實(shí)例如下: