頂級CSS設(shè)計原則CSS可以成為設(shè)計師非常強大的標記語言。然而，CSS也是由設(shè)計者創(chuàng)建的產(chǎn)生代碼的原則。雖然你可能認為任何人都能寫CSS，但寫CSS和生產(chǎn)一流CSS有很大區(qū)別。為了確保你在正確的軌道上，這里有八個CSS原則，每個網(wǎng)頁設(shè)計師都應該遵循。

　　1.如果您計劃在css編碼中花費時間，請花時間驗證，因此請花時間驗證您創(chuàng)建的代碼。然而，令我驚訝的是，許多設(shè)計師跳過了這一重要步驟。通過驗證代碼，可以清除任何問題，并確保它對訪問者有效。除了驗證CSS文件外，還應驗證HTML或XHTML文件。在驗證這些文件之前，請確保您有時間進行適當?shù)腍TML或XHTML文檔類型聲明。聲明DOCTYPE看起來可能是一個普通的細節(jié)，但我不能指望我沮喪的設(shè)計師繼續(xù)討論很多設(shè)計問題，結(jié)果發(fā)現(xiàn)這是因為他們已經(jīng)聲明過時DOCTYPE（或者根本沒有聲明）。

　　2.文件（不在代碼中）無論您是在處理單個項目還是設(shè)計團隊，創(chuàng)建工作文件都很重要。你可以看到為什么這在設(shè)計團隊中是重要的，但是你可能想知道如果你在一個單獨的項目中工作，為什么會是重要的。好吧，你的個人項目**終有可能演變成一個集體項目，如果真的發(fā)生了這種情況，那么手頭上有文檔要比回去創(chuàng)建文檔容易得多。然而，即使您的項目仍然是一對一的性能，當您決定重新檢查一個項目而不是一年一次地查看它時，您也會驚訝地發(fā)現(xiàn)文檔是多么有用。當涉及到創(chuàng)建CSS代碼文檔時，大多數(shù)設(shè)計人員的自然沖動是直接在代碼位置/*和*/之間添加代碼。喜歡這份清單有很多原則。這種方法沒有錯。但是，直接向CSS代碼中添加注釋將增加文件的大小，從而增加加載時間并降低網(wǎng)站的總體性能。如果你真的想寫頂級CSS代碼，你應該把你的代碼記錄在一個單獨的文件中。雖然我真的相信在一個單獨的文件中它更有效，但我知道有很多人不同意文件中的這種方法。如果拒絕單個文件中的文件，下一個**好的方法就是使用CSS壓縮器（事實上，即使選擇在單個文件中使用文件，使用CSS壓縮器仍然可以從中受益）。您可以使用此CSS壓縮器從CSS或谷歌驅(qū)動的庫中搜索備用CSS壓縮器。

　　3.拒絕黑客，盡管黑客已成為許多CSS中可接受的社區(qū)，但這并不意味著ldquoCSS攻擊“2”；其中一個原則是你應該遵循。這種設(shè)計意味著您正在尋找解決復雜問題的方法。盡管你可能認為一兩個黑客現(xiàn)在不會傷害任何人，但進入心態(tài)ldquo；黑客通行證ldquo；您遇到的任何問題都會對您的總體設(shè)計思維產(chǎn)生負面影響。避免黑客攻擊是專家們被分配了一些時間的建議。你可以一路走到2003年，看到保羅科赫（他是一個成功的開發(fā)者和作者）已經(jīng)啟發(fā)了設(shè)計師一段時間CSS Hacksldquo；復雜的怪物在現(xiàn)代Web開發(fā)中心中。今天，它并不表示無限嵌套表，而是表示無限復雜CSShackquo；。

　　4.不要濫用div，因為div元素具有很高的靈活性，很容易被過度使用。事實上，這個問題已經(jīng)變得如此普遍，CSS設(shè)計師團體已經(jīng)建立了自己的術(shù)語來標記這個問題：divitus。避免陷入這種情況，在自動使用div標記之前，你應該問問自己，如果你有一個真正的HTML標記，你會做這項工作。例如，與其創(chuàng)建多個headerdiv，不如使用已有的HTML標題標記，例如H1和H2 一旦你開始考慮這個問題，你很快就會看到使用適當?shù)腍TML標簽而不是自動創(chuàng)建一個新部門的好處，不僅減少了代碼的數(shù)量，而且你必須創(chuàng)建（這將節(jié)省你的時間，減少你的網(wǎng)站加載時間），而且它也給你的代碼一個更合理的結(jié)構(gòu)。

　　5.如果你問一個新的或沒有經(jīng)驗的設(shè)計師他們決定如何命名他們的課程，他們可能會說，這真的不重要。雖然這在技術(shù)上是正確的，但這是一個非常短視的觀點命名CSS類。雖然有些設(shè)計人員屬于不關(guān)心CSS類名的類，有些設(shè)計人員認為自己的類名，但他們采取了錯誤的方法。因為我不想只是打你的頭和理論的例子，讓我詳細解釋一下。假設(shè)您正在創(chuàng)建一個類來控制頁面上的一個框。該框?qū)⒃陧撁娴牡撞?，它將包含一個棕色的背景和讀者評論的控件填充，您將使用CSS。并命名為譚盒（這是許多很好設(shè)計師將要做的），它的名字。注釋框。原因。注釋框是一個比譚盒更好的類名，因為如果您決定將背景顏色更改為Blue Road（或者決定從頁面底部的不同區(qū)域放置注釋框），它不會混淆您或查看網(wǎng)站其他設(shè)計器CSS。

　　6.擁抱速記和速記會讓剛開始編寫自己CSS代碼的設(shè)計師感到困惑，一旦你習慣了風格速記，它就成為成為一名設(shè)計師**有效的方式。速記有很多好處。1、 減小文件的大小，這將減少文件的加載時間網(wǎng)站。此外，它不僅使我們更容易組織您的代碼，而且還使您在將來需要更改代碼時更容易。當您開始適應速記時，您還應該在一行練習中編寫代碼（而不是分散在多行上聲明）。

　　7.別忘了，作為一名設(shè)計師，你更傾向于為非主流的任何人提供技術(shù)。因為你是少數(shù)民族生活的一部分，呼吸技術(shù)，有很多習慣，大多數(shù)人從來沒有想過。例如，你可以離開你的方式，以消除盡可能多的在你的生活ldquo；“文件”或“文件”；。但是，請記住，大多數(shù)人仍然定期打印重要的內(nèi)容。當您可以標記項目del.icio.us時，您應該保存它以供參考，普通互聯(lián)網(wǎng)用戶將打印同一頁。因為人們也會從互聯(lián)網(wǎng)上打印信息，所以使用CSS打印內(nèi)容很重要。訪問者會欣賞你為他們所訪問的網(wǎng)站創(chuàng)建漂亮布局所做的所有工作，但是當他們決定打印一頁網(wǎng)站時，他們會感謝你，即使他們意識到他們的打印輸出只包含文本，他們希望（沒有令人吃驚的圖形在他們的計算機中看起來很棒，但會浪費打印機的大量墨水）。因為CSS使得確保內(nèi)容正確格式化和打印變得簡單，所以沒有理由說真正的設(shè)計師忽略了這一步的設(shè)計過程。

　　8.永遠不要停止學習你認為的**終原則聽起來很老套，但它無疑是**重要的一整張清單。如果你致力于成為**好的設(shè)計師，你需要確保你一直致力于擴展你的CSS知識。幸運的是，這很容易做到，如果你有繼續(xù)你的CSS教育的愿望。繼續(xù)教育是一項艱巨的任務。個人在很多行業(yè)，非技術(shù)性的，因為互聯(lián)網(wǎng)實際上是基礎(chǔ)CSS，免費資源的數(shù)量，你可以學習真的沒完沒了。如果你認為我夸張了，只需輸入ldquoCSSrdquo；到谷歌，您將看到48300000個結(jié)果供您瀏覽。

　　除了從網(wǎng)上資源（和印刷資源，如果你喜歡）學習，你可以從其他CSS設(shè)計師學到很多。無論你在網(wǎng)上還是面對面地分析你的作品并聽取他們的建議，你都可以與其他致力于頂級設(shè)計原則CSS和驚人的生產(chǎn)價值的設(shè)計師進行互動和潛在的合作。

　　謝潑德設(shè)計文章推薦：

　　ps圖像處理軟件功能

　　界面原型設(shè)計實例技巧

　　網(wǎng)頁設(shè)計師如何克服障礙

　　紐約時報雜志網(wǎng)頁設(shè)計

http://www.tinmen.com.cn/wangzhansheji/552.html TopCSS設(shè)計原則