這篇文章主要講解了“CSS開發(fā)中的不要做哪些事情”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS開發(fā)中的不要做哪些事情”吧！

我們注重客戶提出的每個(gè)要求，我們充分考慮每一個(gè)細(xì)節(jié)，我們積極的做好成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)服務(wù)，我們努力開拓更好的視野，通過不懈的努力，成都創(chuàng)新互聯(lián)贏得了業(yè)內(nèi)的良好聲譽(yù)，這一切，也不斷的激勵(lì)著我們更好的服務(wù)客戶。 主要業(yè)務(wù)：網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計(jì),成都小程序開發(fā),網(wǎng)站開發(fā),技術(shù)開發(fā)實(shí)力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫的技術(shù)開發(fā)工程師。

1.不要濫用類

在有意義的地方使用ID而不要使用類。這是一個(gè)使得瀏覽器能夠更快訪問DOM元素的方法。

2.不要把一切都扔進(jìn)一個(gè)CSS文件中

分區(qū)CSS使其更易于管理。每一個(gè)CSS文件都可以分解成例如header.css、footer.css等邏輯組件。

3.不要命名選擇器為“.red-with-green-dashed-lines”（紅綠虛線)

根據(jù)頁面上的組件命名你的選擇器。例如：“header-left”，“content-title”或“content-date”更具描述性。

4.不要忘記注釋

注釋在CSS中非常重要，可用來理解每個(gè)樣式如何與其他樣式關(guān)聯(lián)以及什么顏色方案適用于哪些組件。

5.不要害怕開發(fā)工具

現(xiàn)在的每個(gè)瀏覽器都有自己的一套開發(fā)工具，通常是按F12。這些工具在“調(diào)試CSS”時(shí)至關(guān)重要。

6.不要害怕覆蓋

當(dāng)然，CSS框架，例如Bootstrap和Foundation都較為巨大，但每一個(gè)都需要根據(jù)你的需要做出一點(diǎn)調(diào)整。當(dāng)你得到一個(gè)更新的框架時(shí)，它將覆蓋你的改變。與其深入挖掘龐大的CSS文件，還不如創(chuàng)建一個(gè)bootstrap-overrides.css文件，按照你的意愿調(diào)整框架，只是…

7.不要濫用 !很重要

CSS的整體思路是，從一個(gè)到另一個(gè)地“層疊”樣式。 !重點(diǎn)是要記住排雷一樣地踏遍所有早先的樣式。 :  -)

8.不要使用大量網(wǎng)絡(luò)字體

這也是顯而易見的，但有些人就是喜歡自己排版。只在網(wǎng)站上使用一個(gè)或兩個(gè)（最多三個(gè)）網(wǎng)絡(luò)字體，然后回歸到瀏覽器默認(rèn)設(shè)置，以保持網(wǎng)站的優(yōu)化。

9.不要手動(dòng)編碼所有的CSS

為了保持CSS的DRY，可以使用CSS預(yù)處理程序例如LESS或SASS。使用這些預(yù)處理器的***好處是，你可以定義變量，例如在上面定義配色方案，然后重復(fù)使用到所有CSS，而不必當(dāng)你需要修改的時(shí)候追蹤每個(gè)顏色。

10.不要讓CSS過于“臃腫”

空格會(huì)占用CSS文件的空間空間。由于我們都希望我們的CSS能夠快速加載，因此在部署到網(wǎng)站之前***使用CSS壓縮工具來一次瘦身。

感謝各位的閱讀，以上就是“CSS開發(fā)中的不要做哪些事情”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)CSS開發(fā)中的不要做哪些事情這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！