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

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

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

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

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

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

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

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

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

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

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

　　ps圖像處理軟件功能

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

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

　　紐約時(shí)報(bào)雜志網(wǎng)頁設(shè)計(jì)

http://www.dongguanlifeng.com/wangzhansheji/552.html TopCSS設(shè)計(jì)原則