css基本語(yǔ)法有哪些

這篇文章給大家分享的是有關(guān)css基本語(yǔ)法有哪些的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

CSS 語(yǔ)法

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

selector {declaration1; declaration2; … declarationN }

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

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

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

selector {property: value}

下面這行代碼的作用是將 h2 元素內(nèi)的文字顏色定義為紅色，同時(shí)將字體大小設(shè)置為 14 像素。

在這個(gè)例子中，h2 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。

h2 {color:red; font-size:14px;}

下面的示意圖為您展示了上面這段代碼的結(jié)構(gòu)：

CSS 語(yǔ)法

提示：請(qǐng)使用花括號(hào)來(lái)包圍聲明。

值的不同寫(xiě)法和單位

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

p { color: #ff0000; }

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

p { color: #f00; }

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

p { color: rgb（255,0,0）； }
p { color: rgb（100%,0%,0%）； }

請(qǐng)注意，當(dāng)使用 RGB 百分比時(shí)，即使當(dāng)值為 0 時(shí)也要寫(xiě)百分比符號(hào)。但是在其他的情況下就不需要這么做了。比如說(shuō)，當(dāng)尺寸為 0 像素時(shí)，0 之后不需要使用 px 單位，因?yàn)?0 就是 0，無(wú)論單位是什么。

感謝各位的閱讀！關(guān)于css基本語(yǔ)法有哪些就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！