溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
自從接觸前端軟件開發以來，我發現開發猿一直在努力征服著CSS。
理由也很充分，開發人員是用邏輯思考的生物。
添加一個DIV元素導致所有代碼都不得不往下移一行，而另一個DIV“浮”到左側，感覺沒有任何意義。
你也一定聽到過開發人員的抱怨：
“我們只需要向左邊移動五個像素，但是…天哪!為什么整個都向下移動了一行。到底是哪里錯了?!?!?!”
所以，這篇文章就和大家來聊一聊CSS中的十大錯誤的做法。
1.不要濫用類
在有意義的地方使用ID而不要使用類。這是一個使得瀏覽器能夠更快訪問DOM元素的方法。
2.不要把一切都扔進一個CSS文件中
分區CSS使其更易于管理。每一個CSS文件都可以分解成例如header.css、footer.css等邏輯組件。
3.不要害怕開發工具
現在的每個瀏覽器都有自己的一套開發工具，通常是按F12。這些工具在“調試CSS”時至關重要。
4.不要忘記注釋
注釋在CSS中非常重要，可用來理解每個樣式如何與其他樣式關聯以及什么顏色方案適用于哪些組件。
5.不要命名選擇器為“.red-with-green-dashed-lines”(紅綠虛線)
根據頁面上的組件命名你的選擇器。例如：“header-left”，“content-title”或“content-date”更具描述性。
6.不要濫用 !很重要
CSS的整體思路是，從一個到另一個地“層疊”樣式。 !重點是要記住排雷一樣地踏遍所有早先的樣式。
7.不要讓CSS過于“臃腫”
空格會占用CSS文件的空間空間。由于我們都希望CSS能夠快速加載，因此在部署到網站之前最好使用CSS壓縮工具來一次瘦身。
8.不要使用大量網絡字體
有些人喜歡自己排版。只在網站上使用一個或兩個(最多三個)網絡字體，然后回歸到瀏覽器默認設置，以保持網站的優化。
9.不要手動編碼所有的CSS
為了保持CSS的DRY，可以使用CSS預處理程序例如LESS或SASS。使用這些預處理器的最大好處是，你可以定義變量，例如在上面定義配色方案，然后重復使用到所有CSS，而不必當你需要修改的時候追蹤每個顏色。
10.不要害怕覆蓋
當然，CSS框架，例如Bootstrap和Foundation都較為巨大，但每一個都需要根據你的需要做出一點調整。當你得到一個更新的框架時，它將覆蓋你的改變。與其深入挖掘龐大的CSS文件，還不如創建一個bootstrap-overrides.css文件，按照你的意愿調整框架。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
