建站
咨詢
售后
建站咨詢
新聞中心
自我進(jìn)入這個(gè)行業(yè)，我就發(fā)現(xiàn)開發(fā)人員一直在努力征服CSS。
創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元呂梁做網(wǎng)站,已為上家服務(wù),為呂梁各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792
理由也很充分，開發(fā)人員是用邏輯思考的生物。添加一個(gè)DIV元素導(dǎo)致所有代碼都不得不往下移一行，而另一個(gè)DIV“浮”到左側(cè)，感覺沒有任何意義。
你也一定聽到過開發(fā)人員的抱怨：
“我們只需要向左邊移動(dòng)五個(gè)像素，但是…天哪！為什么整個(gè)都向下移動(dòng)了一行。到底是哪里錯(cuò)了？！？?。?！”
所以，我們今天就來聊一聊CSS中的十大錯(cuò)誤的做法。
根據(jù)我作為開發(fā)人員使用CSS的經(jīng)驗(yàn)，下面是我的十個(gè)“不要”。
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壓縮工具來一次瘦身。
以上只是我作為一個(gè)開發(fā)人員在編寫CSS時(shí)認(rèn)為不應(yīng)該做的事情。歡迎提出不同的看法。
譯文鏈接：http://www.codeceo.com/article/css-10-bad-practices.html
英文原文：Top 10 CSS Bad Practices
當(dāng)前題目：CSS開發(fā)中的10個(gè)不要
文章源于：http://m.5511xx.com/article/ccdspes.html
