CSS用于定義網(wǎng)站的UI和將內(nèi)容從外觀中分離。
CSS在幾乎所有網(wǎng)站中被廣泛應(yīng)用。讓我們花點(diǎn)時(shí)間來看看我們編寫的樣式是否基于比較好的標(biāo)準(zhǔn)。
下面的這些技巧將對CSS初學(xué)者在開發(fā)中有所幫助，對CSS高手或許也將有某些提高。

索引

這個(gè)定義可以幫助你和其他人更多的理解這個(gè)網(wǎng)站。這個(gè)索引只是一個(gè)格式化的文本段落，和CSS注釋一樣。

• 給該CSS的作者以一些著作權(quán)聲明
• 定義網(wǎng)站的布局[卷數(shù)，固定寬度或全屏]
• 跟蹤版本[對多個(gè)編輯者和特別更新很有用]

錨點(diǎn) 

錨點(diǎn)在CSS中就像書簽。錨點(diǎn)讓你很方便的瀏覽你的CSS而不會(huì)盲目和混亂，會(huì)讓一切變得有規(guī)律。

錨點(diǎn)在CSS的索引中定義。CSS沒有原生的錨點(diǎn)系統(tǒng)，所以我在文檔中采用一種比較簡單的技術(shù)來定義錨點(diǎn)。

這個(gè)主意是用一套特定的字符來定義注釋。要找到一個(gè)錨點(diǎn)，你可以通過復(fù)制和查找(搜索)索引中定義的錨點(diǎn)，然后就可以很正確的定位到相關(guān)的內(nèi)容。 

多類癥 

多類癥 是一個(gè)術(shù)語，用來描述在HTML中過度使用class定義的現(xiàn)象。

CSS中最美的地方之一就是上下文選擇器，讓我們使用這個(gè)吧:

命名規(guī)范

給你的元素聲明一個(gè)恰當(dāng)和簡潔的名字是一個(gè)關(guān)鍵。這真的能夠 避免混亂 并能讓你更好更快的理解CSS。
事實(shí)上這涉及到代碼的語義化和可讀性，好的命名規(guī)則可以讓自己和團(tuán)隊(duì)的工作更加輕松。

簡寫 

CSS中的縮寫是指,定義與單個(gè)樣式擁有相同屬性的一系列樣式.
CSS簡寫可使開發(fā)工作變得更加容易,并讓你的CSS保持簡潔、更小而且更易用。這里是一些示例： 
 Sprites 

合并所有的背景圖片到一個(gè)單個(gè)圖片里面，并通過background-position屬性來使用這個(gè)圖片，這就是我們所謂的CSS Sprites的全部。
CSS Sprites可以減少HTTP請求的數(shù)量，節(jié)省帶寬并加快頁面加載。同時(shí)，可以避免圖片閃爍[例如，如果系統(tǒng)或網(wǎng)速比較慢的時(shí)候，當(dāng)鼠標(biāo)放到一個(gè)按鈕時(shí)加載另外一個(gè)圖片就可能引起閃爍/中斷]。
最好和最著名的使用CSS Sprites技術(shù)的例子就是Apple公司官方網(wǎng)站的菜單系統(tǒng)。

圖片來源: apple.com
 

特異性 

選擇器特異性 是一種用于確定當(dāng)多個(gè)規(guī)則用于同一個(gè)元素的時(shí)候哪一個(gè)起作用（優(yōu)先級）的處理方法。

通常來說，每一個(gè)CSS選擇器都有一些種類的關(guān)聯(lián)權(quán)重,某個(gè)選擇器的所有權(quán)重之和決定它在文檔中的優(yōu)先權(quán)。當(dāng)遇到很大的CSS文件時(shí)，特異性就非常有幫助。

然而，特異性在CSS中是一個(gè)很大的領(lǐng)域，它不能用一些簡單的語句解釋清楚。這里是一些示例：

重設(shè) 

全局重設(shè)可以確保一個(gè)網(wǎng)站在所有瀏覽器保持統(tǒng)一的外觀。完全不一樣的瀏覽器會(huì)在一個(gè)網(wǎng)站上應(yīng)用自己的默認(rèn)設(shè)置，這可能導(dǎo)致一個(gè)網(wǎng)站在不同的瀏覽器有不同的界面表現(xiàn)……一個(gè)全局重設(shè)可以解決這個(gè)問題，可以讓你從一個(gè)絕對基礎(chǔ)構(gòu)建一個(gè)網(wǎng)站。

使用一個(gè)CSS框架不是什么時(shí)候都是恰當(dāng)?shù)模且粋€(gè)CSS 重設(shè)是你每次都需要的。從簡單到復(fù)雜，有很多不同的重設(shè)方法。

 Hacks 

即便是完美的CSS也未必能在所有的瀏覽器生成完全一致的輸出，因?yàn)闉g覽器解釋你的CSS的方法不同。如果你想使你的網(wǎng)站在所有的瀏覽器中看起來一樣，你不得不使用CSS hacks。

我承認(rèn)使用CSS hacks會(huì)在CSS驗(yàn)證的時(shí)候出現(xiàn)錯(cuò)誤。一個(gè)替代的方法是建一個(gè)獨(dú)立的針對某個(gè)瀏覽器的特別CSS文件，然后在HTML代碼中使用特定標(biāo)簽引用它。