css的定義、用法、註釋、命名規則、書寫規範

 

---

什麼是css:

• css全名是層疊樣式表(Cascading Style Sheets)
• CSS的做用：給html標籤添加「樣式」，樣式定義瞭如何顯示 HTML 元素
• 標籤是能夠由本身的屬性去定義樣式的（好比表格能夠自定義邊框），爲何要新定義一個CSS來添加樣式呢？由於早期的設計混亂，標籤的樣式屬性沒有「通用」性（不一樣的標籤有不一樣的樣式屬性），相對難以去使用。

 

---

CSS的用法：

 

CSS能夠根據位置分紅行內式、內聯式、外聯式。

內嵌式：在標籤的style屬性內使用"樣式:參數"來定義樣式（有什麼樣式能夠看個人另外一篇博文：html之CSS樣式學習筆記）。

內聯式: 在head標籤的style標籤內，使用選擇器方式來定義樣式（關於選擇器，請看個人另外一篇博文：html之css選擇器學習）。

外聯式：在外部的.css文件中定義樣式，而後使用link標籤引入樣式表。

 

---

css的註釋：

使用/*  */來註釋，這個註釋能夠是多行的/

 

---

css的命名規則：

咱們常常會使用class來幫助咱們來選擇某些標籤，用來增長某些樣式。class的屬性值的命名規則應該遵循下面幾個：

• 理論上應該見名知意，好比主要設置居中屬性的css選擇器能夠命名爲center
• 可使用-來命名，但不可使用_
• 不要使用純數字、中文來命名。

 

---

CSS書寫規範：

【只是規範，不遵照的話也能達到效果。有些規範也有些人並不承認。因此這個能夠隨意。】

• 選擇器與{之間必須包含空格
• 屬性名與後面的:之間不包含空格,
• :與屬性值之間必須包含空格
• 包含多個選擇器時，一個選擇器聲明佔一行
• 選擇器的嵌套層級應不大於3級，位置靠後的限定條件應儘量精確