頂尖的CSS是怎麼做的呢

大家知道頂尖的CSS是怎麼做的嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。Hacks是為了讓CSS編碼在不同浏覽器與平台中維持網站正常顯示的做法。盡管在社會上Hacks已經成為一個可以接受的做法，這並不意味著 “CSS hacking”是你應該遵守的原則。這種設計方法的問題是，它意味著你為了解決問題而將標准的CSS變得更復雜。雖然你可能認為一個或兩個Hacks不 會傷害任何人，但是這種思維可以對您的整體設計思想產生負面影響。

2、文件

無論你的項目是一個人單干還是團隊協作，很重要的是文件創建工作。如果您是在團隊中單人項目，總有機會，你的單人項目將最終演變成一個團隊項目，如果發生這種情況，手頭上有文件會變得很多，創建好文件歸類與名稱，寫好注釋，協作更方便。

涉及到創建CSS代碼的注釋文件，大多數設計師的自然將它放入把它直接關系到他們的代碼/ *和* /中。技術上來說這種做法沒有什麼不正確的。然而，注釋直接加入到您的CSS代碼會增加該文件大小，從而增加加載時間，減緩一個網站的整體性能的大小。如果你想成為頂尖的CSS代碼編寫員，你應該將注釋寫在一個單獨的文件裡。

3、永不停止學習

你可能認為這最後的原則聽起來陳詞濫調，但也可說是8條中最重要。 如果你致力於成為最好的設計師，您需要確保您一直致力於擴大你的CSS知識。幸運的是，如果你願意，這很容易做到，並繼續你的CSS教育。只需鍵入 “CSS”到谷歌，你會看到有48300.0萬結果供您浏覽。

4、W3C驗證

如果你是1個正在寫CSS編碼的人員，那麼建議您每次對您所創建的CSS代碼進行驗證。 但是，有很多設計師卻在這個重要的一步跳過。驗證您的代碼清理反饋的任何問題，確保它的工作對訪問者友好。除了驗證你的CSS文件，你也應該驗證您的 HTML或XHTML文件。驗證這些文件之前，請確保您已經聲明了正確的HTML或XHTML的doctype。聲明您的doctype似乎是一個簡單的 細節，但很多設計師經過很多次驗證不通過以後才發現原來是因為他沒有聲明doctype。

5、Class類的命名

如果你問一個新的設計師，他們決定如何命名Class，他們可能會說，這並不重要。雖然從技術上來說，CSS類的命名沒有什麼嚴格的要求，但我們必須糾正那些錯誤的做法。假設您要創建一個類來控制網頁上的某部分。

6、不濫用div

由於div的提供了高度的靈活性，很容易讓新人過度使用他們。為了避免過度使用DIV標簽，你應該在寫HTML代碼的時候總是問自己是否有一個實際的HTML標記。一旦你開始考慮到了div的問題，你很快就會使用適當的HTML標記，而不是自動創建一個新DIV。它不僅可以減少代碼量，而且還會給你的代碼更合理的加載時間。

7、不要忘記打印機

作為一個優秀的設計師，你應該更傾向於熱愛技術，因為你是少數的一部分，生活和呼吸在技術中。不過，由於人們仍然需要打印出來自互聯網的信息，那麼您要考慮使CSS內容對打印機友好。您的同行欣賞您所創建的網站，也許他們有興趣想了解您的布局，也許他們打算將您的CSS打印出來參考，所以作為好的設 計師請不要忽視打印機。

8、使用簡寫

一旦你習慣簡寫方式，它也是您成為一個好的設計師最有效的做法之一。使用多種簡寫方法，盡量減少了您的文件，同時也減小了網站的加載時間。此外，它不僅可以更容易地組織你的代碼，而且對於未來修改代碼提供了方便。

相信大家已經學會頂尖的CSS是怎麼做的了吧!感謝大家對我們網站的支持!

相關推薦：

用CSS實現文字的陰影效果的方法