CSS基礎語法

CSS語法

---

css規定由兩個主要的部分構成：選擇器，以及一條或多條聲明。

selector{

declaration1; declaration2; ... declarationN

}

選擇器一般是您須要改變的樣式的Html元素。

每條聲明由一個屬性和一個值組成。

屬性（property）是您但願設置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。

selector{property：value}

下面代碼做用是將h1元素內的文字顏色定義爲紅色，同時將字體大小設置爲14像素。

在這個例子中，h1是選擇器，color和font-size是屬性，red和14px是值。

h1{color：red；font-size：14px；}

下面示意圖爲您展現了上面代碼的結構：

提示：請使用花括號來包圍聲明。

---

值的不一樣寫法和單位

除了英文red，咱們還能夠使用十六進制顏色的值#ff0000：

p{color:#ff0000;}

爲了節約字節數，咱們能夠使用css的縮寫來表示：

p{color：#ff0；}

咱們還能夠經過RGB值：

p{color：rgb（255,0,0）；}

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

請注意：當使用rgb百分比時，即便當值爲0時也要寫成百分比符號。

---

記得寫引號：

提示：若是值爲若干單詞，則要給值加引號；

p{font-size：「sans serif」；}

---

多重聲明：

提示：若是要定義不止一個聲明，則須要用分號將每一個聲明分開。

例如展現一個紅色文字的居中段落。

p{text-align：center；color：red;}

這樣寫視乎對咱們的閱讀性下降了，如今來改變一下是否是更美觀了：

p{

   text-align:center;

   color:black;

    font-family:arial;

}

空格和大小寫

大多數樣式表包含不止一條規則，而大多數規則包含不止一個聲明。多重聲明和空格的使用使得樣式表更容易被編輯：

body{

    color：#000；

   background：#fff；

   margin:0;

   padding:0;

   font-family:Georgia,Palation,serif;

}

是否包含空格不會影響css在瀏覽器的工做效果。css對大小寫不敏感。