CSS開發中10個易犯的錯誤
CSS開發中,你會犯什麼錯誤呢?下文yjbys小編為大家整理了css開發中大家常犯的10個錯誤,理清開發思路。
1.不要濫用類
在有意義的地方使用ID而不要使用類。這是一個使得瀏覽器能夠更快訪問DOM元素的方法。
2.不要把一切都扔進一個CSS文件中
分區CSS使其更易於管理。每一個CSS文件都可以分解成例如、等邏輯組件。
3.不要命名選擇器為“。red-with-green-dashed-lines”(紅綠虛線)
根據頁面上的組件命名你的`選擇器。例如:“header-left”,“content-title”或“content-date”更具描述性。
4.不要忘記註釋
註釋在CSS中非常重要,可用來理解每個樣式如何與其他樣式關聯以及什麼顏色方案適用於哪些組件。
5.不要害怕開發工具
現在的每個瀏覽器都有自己的一套開發工具,通常是按F12。這些工具在“調試CSS”時至關重要。
6.不要害怕覆蓋
當然,CSS框架,例如Bootstrap和Foundation都較為巨大,但每一個都需要根據你的需要做出一點調整。當你得到一個更新的框架時,它將覆蓋你的改變。與其深入挖掘龐大的CSS文件,還不如創建一個文件,按照你的意願調整框架,只是…
7.不要濫用 !很重要
CSS的整體思路是,從一個到另一個地“層疊”樣式。 !重點是要記住排雷一樣地踏遍所有早先的樣式。 : -)
8.不要使用大量網絡字體
這也是顯而易見的,但有些人就是喜歡自己排版。只在網站上使用一個或兩個(最多三個)網絡字體,然後迴歸到瀏覽器默認設置,以保持網站的優化。
9.不要手動編碼所有的CSS
為了保持CSS的DRY,可以使用CSS預處理程序例如LESS或SASS。使用這些預處理器的最大好處是,你可以定義變量,例如在上面定義配色方案,然後重複使用到所有CSS,而不必當你需要修改的時候追蹤每個顏色。
10.不要讓CSS過於“臃腫”
空格會佔用CSS文件的空間空間。由於我們都希望我們的CSS能夠快速加載,因此在部署到網站之前最好使用CSS壓縮工具來一次瘦身。
-
網頁設計10大靈感來源介紹
不僅僅只有網頁設計能激發我們創建出色網站的動力,幾乎我們身邊的任何事都會有此作用。以下是本站小編搜索整理的關於網頁設計10大靈感來源介紹,供參考借鑑,希望對大家有所幫助!想了解更多相關信息請持續關注我們應屆畢業生考試網!自然圖01圖02思考設計的最佳場所...
-
網頁設計的佈局
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予用户完美的視覺體驗。以下是小編為您帶來的網頁設計的佈局,看看吧!網頁設計的佈局11、響應式網頁設計響應式網頁設計是網頁設計的一種技術,可在N多種瀏...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...