頂尖的CSS設計的原則
CSS可以為設計者的一個非常強大的標記語言。
然而，CSS是生產一樣是由設計師創建的代碼的原則。
雖然你可能會認為，任何人都可以寫出的CSS，有寫CSS和生產一流的CSS的一大區別。
確保你在正確的軌道上，這里有八個CSS的原則，每一個網頁設計師應該如下。

1。花時間去驗證
如果你打算花時間在css編碼，所以花時間驗證代碼 你創建的。 然而，讓我吃驚的是，許多設計師跳過這個重要的步驟。驗證你的代碼讓你清理任何問題并確保它會為你的訪問者的工作。
除了驗證你的CSS文件，你也應該驗證您的HTML或XHTML文件。 之前驗證這些文件，確保你有時間適當的HTML或XHTML文檔類型聲明。聲明DOCTYPE可能看起來像一個平凡的細節，但我不能指望我有挫折的設計師繼續設計有問題的討論很多，才發現，這是因為他們已經宣布過時的DOCTYPE（或根本沒有聲明DOCTYPE）。

2。文件（而不是在你的代碼）
無論你是工作在一個單獨的項目或一個團隊的設計師，這是你創建的文件的工作重要。 你可以看到為什么這會在一個設計團隊的背景是重要的，但你可能想知道為什么它會如果你工作在一個獨奏項目的事。 好，總有一個機會，你的獨奏項目最終將演變成一個集體項目，如果發生這種情況，它很容易有文件在手比試圖走回頭路，創造它。 然而，即使你的項目仍然是一一人表演，你可以在如何有用的文件當你決定重新審視一個項目后，不是看它一年驚訝。
當談到創建CSS代碼文檔，大多數設計師的自然沖動是直接加入到他們的代碼放置/*和*/之間。 喜歡這個名單的原則很多，有采用這種方法沒有什么技術上是不正確的。 然而，直接加入到你的CSS代碼注釋會增加文件的大小，從而增加加載時間，減緩了網站的整體性能。 如果你對寫作頂尖的CSS代碼的嚴重，你應該記錄你的代碼，但在一個單獨的文件。
雖然我真的相信這是更有效地在一個單獨的文件，我知道有人不同意這種做法的文件很多。 如果你拒絕在一個單獨的文件，你可以做下一個最好的事情是使用CSS壓縮機（事實上，即使你選擇使用一個單獨的文件中的文件，你仍然可以通過使用CSS壓縮機的好處）。 可以使用這CSS壓縮機從CSS驅動的畫廊，或是谷歌搜索找到一個替代的CSS壓縮機。

3。拒絕黑客
雖然黑客已經成為一種可以接受的許多CSS內的社區，這并不意味著“CSS攻擊”的一個原則是，你應該如下。 問題采用這種設計，這意味著你是有意尋找一個復雜問題的解決方案。 雖然你可能認為一個或兩個黑客現在不會傷害任何人，進入心態的“黑客通過“你遇到的任何問題都可能產生負面影響您的整體設計思路。
避免黑客是一塊，專家被分配一些時間的建議。 你可以去所有的方式到2003和看到保羅科赫（他是一個成功的開發者和作者）已經有一段時間的CSS Hacks的啟示警告設計師：“復雜的怪物了，就在現代Web開發中心。如今，它并不表現為一個無限嵌套的表格，但作為一個無限復雜的CSS hack”。

4。不要濫用div
因為div元素，提供一個高層次的靈活性，它可以很容易過度使用他們。 事實上，這個問題已經變得如此普遍，CSS設計師社區已經建立了自己的術語來標記這個問題：divitus。 避免陷入這種狀況，之前自動使用一個div標簽，你應該問問自己，如果有一個實際的HTML標簽，會把工作做的你。 例如，而不是創建多個header div，你為什么不使用HTML標題標簽已經可用，如H1和H2？
一旦你開始考慮一下這個問題，你會很快看到的好處，使用適當的HTML標簽而不是自動創建一個新的部門 不僅可以減少代碼量，你必須創建（這將節省你的時間，同時減少你網站的加載時間），但它也會給你的代碼更合乎邏輯的結構。

5。的想法放進你的類的名稱
如果你問一個新的或沒有經驗的設計師，他們如何決定叫他們的課程，他們可能會說，這真的不重要。 雖然這在技術上是正確的，這是命名CSS類非常短視的觀點。 雖然有設計師落入誰不關心CSS類名的類，也有設計師認為他們的類的名字，但他們卻采取了錯誤的方法。
因為我不想只是打你的頭與理論的例子，讓我具體解釋一下。 假設你正在創建一個類來控制一個箱子在你的頁面上。 盒子將位于頁面底部，它將包含從讀者的意見和你會使用CSS來給它一個棕色的背景和控制填充。 而命名的。譚盒（這是許多好心的設計師會這么做），它的名字。評論框。 原因。評論框是一個更好的類名稱比。譚盒是因為如果你決定改變背景顏色為藍色的道路（或決定把箱子從頁面底部的一個不同的領域），它不會使你困惑或是查看網站的CSS其他設計師。

6。擁抱速記
而速記可以迷惑的設計師誰是剛剛開始自己寫的CSS代碼，一旦你習慣了風格的簡寫，它成為一個最有效的辦法可以作為一個設計師。
有使用速記的多重效益。 一、降低你的文件的大小，這將減少你的網站的加載時間。 此外，它不僅使我們更容易組織你的代碼，但也使它更簡單，如果將來您需要對代碼進行更改。 作為你開始適應速記，你也應該去寫你的代碼在一行的實踐（而不是傳播出去，聲明在多線）。
 

7。別忘了打印機
作為一個設計師，你更傾向于技術的非主流人群的任何人。 因為你是一個少數民族生活的一部分，呼吸技術，有很多你有大多數人從沒想過的習慣。 例如，你可能離開你的方式消除盡可能在你的生活中盡可能多的“文檔”。 然而，要記住，大部分的人口仍然打印出來的東西在定期的基礎上是很重要的。 當你可能標簽項del.icio.us時要保存備查，普通的互聯網用戶將打印相同頁。
因為人們還打印出的信息來自互聯網，重要的是使用CSS來讓你的內容打印。 游客會欣賞所有的工作你已經把創造美麗的布局對于網站他們訪問，但當他們決定要打印一頁的網站，他們會感謝你甚至當他們意識到他們的打印輸出只包含文本，他們希望（并沒有驚人的圖形看起來偉大在他們的電腦但會浪費大量的墨水從打印機）。 因為CSS使得它很簡單，確保內容正確格式化打印出來，沒有借口真正的設計師忽略了這一步的設計過程。

8。永遠不要停止學習
你可能認為這最后的原則聽起來是陳詞濫調，但它無疑是最重要的整個列表。 如果你致力于成為最好的設計師，你需要確保你一直致力于擴大你的CSS知識。 幸運的是，這是很容易做到，如果你有愿望將致力于繼續你的CSS的教育。 而繼續教育是一項艱巨的任務，個人在許多行業，非技術性的，因為互聯網實際上是基礎的CSS，量的免費資源，你可以學習真的是無止境的。 如果你認為我夸大，只需鍵入“CSS”到谷歌，你會看到有483000000個結果供您瀏覽。

除了從網上資源學習（和打印資源如果你喜歡），你可以從其他的CSS設計師學習很多。 無論你分析自己的工作，聽聽他們給在網上或面對面的情況下跟他們的建議，你可以通過相互作用和潛在的合作與其他設計師誰是致力于在頂尖的CSS設計的原則和生產工作令人驚嘆的收獲很多的價值。

牧羊人設計文章推薦：

ps圖像處理軟件特點

界面原型設計實例技巧

網頁設計師如何克服障礙

紐約時報雜志網頁設計