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

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

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

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

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

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

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

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

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

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

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

　　ps圖像處理軟件功能

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

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

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

http://m.ezekroy.com/wangzhansheji/552.html TopCSS設(shè)計原則