1. 程式人生 > >《CSS+DIV》總結

《CSS+DIV》總結

1.概念
CSS(Cascading  Style  Sheet),中文譯為層疊樣式表,適用於控制網頁樣式並允許將樣式資訊與網頁內容分離的一種標記性語言。CSS+DIV是web設計標準,他是一種頁面佈局方法,可以實現網頁頁面內容與表現分離。

樣式規則:由一個選擇器後跟一個宣告塊組成。宣告塊是一個大容器,由大括號中間的部分組成,宣告塊中間的控制元件會被忽略。

如:

#m_category{
    width:200px;
    float:left;
}

2.選擇器

  • 元素選擇器:語法格式:元素{color:blue;}
  • 類選擇器:語法格式: .類名{屬性:值;}
  • ID選擇器: #id名 {屬性:值;}  ID名不可重複
  • 萬用字元選擇器:語法格式: *{屬性:值;} 
  • 偽類選擇器:可以以不同方式格式化超連結<a>元素的四種不同狀態    
  • 偽元素選擇器:標準的選擇器不能格式化一個元素內容的第一個字母或者第一行,而偽元素選擇器能實現

3.CSS優先順序
優先順序順序為:內聯樣式(inline style) > ID選擇符 > 類選擇符(class), 偽類(pseudo-class)和屬*(attribute)選擇符 > 類別(type),偽物件(pseudo-element)


4. 優勢

  1. 精簡的程式碼,使用CSS+DIV佈局,頁面程式碼精簡。
  2. 提高訪問速度,增加使用者體驗性
  3. 很容易被搜尋引擎搜尋到,降低網頁大小,讓網頁體積變得更小。

5.Noooooooooop!