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級，位置靠后的限定條件應盡可能精確

 

---