CSS實戰:id是狙擊槍class是雙刃劍合則兩利分則兩敗_Div+CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
想要做好網頁結構,id與class都是必須熟練把握的,所謂“兩手抓,兩手都要硬”。ID就象狙擊槍一樣,可以幫助我們精準地定位要想要加載樣式的元素;而class則是俠客的佩劍,信手拈來更加輕盈靈便,兩者的結合能夠實現結構良好且表現豐富的頁面。
然而現在有一種錯誤的觀點,就是id完全可以用class來取代,事實上許多網頁源代碼也的確如此,打開來通篇class,找不到一個id。造成這種現象的理由有很多種,然而自table時代傳下來的根深蒂固的“class=CSS”的觀念才是本因。
的確,class比id用途更廣更靈活,但也必須意識到,class對于構建良好的網頁結構遠不如id有效。id的強制唯一性使得我們可以很輕易通過id檢索到我們需要的任意模塊,而class則沒有這個優勢。雖然我們可以為模塊定義唯一的class名,但前提是——只有制作者本人可以動網頁樣式。
否則換一個稍微懶一些的伙計,看到樣式相同便直接把前面的class拿來套用,其結果就是我們發現網頁里有十幾個模塊都叫做“gonggao”或者“xinwen”,以至于為了區分還不得不加上大量的html注釋,這樣的結果顯然并不是我們想要的。再者就是前面提到的,通過通用class所節省下來的代碼,又不得不在每個單獨定義的class中揮霍掉。
id是狙擊槍,class是雙刃劍,合則兩利,分則兩敗!
然而現在有一種錯誤的觀點,就是id完全可以用class來取代,事實上許多網頁源代碼也的確如此,打開來通篇class,找不到一個id。造成這種現象的理由有很多種,然而自table時代傳下來的根深蒂固的“class=CSS”的觀念才是本因。
的確,class比id用途更廣更靈活,但也必須意識到,class對于構建良好的網頁結構遠不如id有效。id的強制唯一性使得我們可以很輕易通過id檢索到我們需要的任意模塊,而class則沒有這個優勢。雖然我們可以為模塊定義唯一的class名,但前提是——只有制作者本人可以動網頁樣式。
否則換一個稍微懶一些的伙計,看到樣式相同便直接把前面的class拿來套用,其結果就是我們發現網頁里有十幾個模塊都叫做“gonggao”或者“xinwen”,以至于為了區分還不得不加上大量的html注釋,這樣的結果顯然并不是我們想要的。再者就是前面提到的,通過通用class所節省下來的代碼,又不得不在每個單獨定義的class中揮霍掉。
id是狙擊槍,class是雙刃劍,合則兩利,分則兩敗!
相關Div+CSS教程:
- 相關鏈接:
- 教程說明:
Div+CSS教程-CSS實戰:id是狙擊槍class是雙刃劍合則兩利分則兩敗
。