CSS開發(fā)中10個易犯的錯誤

時間：2024-06-11 17:56:53 CSS 我要投稿

相關(guān)推薦

CSS開發(fā)中10個易犯的錯誤

　　CSS開發(fā)中，你會犯什么錯誤呢?下文yjbys小編為大家整理了css開發(fā)中大家常犯的10個錯誤，理清開發(fā)思路。

CSS開發(fā)中10個易犯的錯誤

　　1.不要濫用類

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

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

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

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

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

　　4.不要忘記注釋

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

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

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

　　6.不要害怕覆蓋

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

　　7.不要濫用 !很重要

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

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

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

　　9.不要手動編碼所有的CSS

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

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

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

【CSS開發(fā)中10個易犯的錯誤】相關(guān)文章：

幼兒英語啟蒙中家長易犯的錯誤03-18

挑球易犯的錯誤03-20

JavaScript中易犯的10個小錯誤03-25

育兒易犯的17個錯誤03-10

托福獨(dú)立寫作中易犯的十個錯誤03-09