2.避免使用Hack
Jon Hick的博客 hicksdesign.co.uk/journal 使用瀏覽器條件性注釋
Hack是一個糟糕的東西,它會為不同瀏覽器定義一樣的代碼,使得CSS繁冗。現(xiàn)在我們知道使用條件性注釋來代替hack,他們在IE6和IE7中是被認(rèn)可的,甚至IE團(tuán)隊也推薦這樣使用。使用條件性注釋服務(wù)于符合瀏覽器特性專用的CSS代碼,因此,更小的、核心的CSS代碼用來服務(wù)于遵從標(biāo)準(zhǔn)的瀏覽器,只有需求條件出現(xiàn)的時候(比如IE),才會去下載額外的CSS文件!
下面來看看IE6使用條件性注釋的代碼范例:
<!–[if IE 6]> <link rel=”stylesheet” type=”text/css” href=”ie6.css” mce_href=”ie6.css”> <![endif]–>
這段代碼使得IE6去下載額外的ie6.css解析它專用的css代碼。同樣的,如果針對IE7只用把上面的6與7替換就行了。
3.使用留白
無論是為了自己閱讀還是二次開發(fā),都要讓CSS保持良好的可讀性,留白就充當(dāng)了關(guān)鍵的角色。
我們不鼓勵你為了得到一個更小的CSS文件,就去掉所有的空白格式,如tab,換行,空格等。這里推薦嵌套的代碼使用一個tab縮進(jìn),所有屬性獨立一行。
對比上圖中的兩種CSS書寫格式,哪一種格式能讓你更加節(jié)約閱讀和修改的時間呢?留白的效果顯而易見,它會讓你更容易管理代碼。
出處:彬Go
責(zé)任編輯:bluehearts
上一頁 整理及優(yōu)化CSS代碼的七個原則 [1] 下一頁 整理及優(yōu)化CSS代碼的七個原則 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|