久久久久无码精品,四川省少妇一级毛片,老老熟妇xxxxhd,人妻无码少妇一区二区

CSS開(kāi)發(fā)中10個(gè)易犯的錯(cuò)誤

時(shí)間:2024-06-11 17:56:53 CSS 我要投稿
  • 相關(guān)推薦

CSS開(kāi)發(fā)中10個(gè)易犯的錯(cuò)誤

  CSS開(kāi)發(fā)中,你會(huì)犯什么錯(cuò)誤呢?下文yjbys小編為大家整理了css開(kāi)發(fā)中大家常犯的10個(gè)錯(cuò)誤,理清開(kāi)發(fā)思路。

CSS開(kāi)發(fā)中10個(gè)易犯的錯(cuò)誤

  1.不要濫用類(lèi)

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

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

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

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

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

  4.不要忘記注釋

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

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

  現(xiàn)在的每個(gè)瀏覽器都有自己的一套開(kāi)發(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ò)字體

  這也是顯而易見(jiàn)的,但有些人就是喜歡自己排版。只在網(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過(guò)于“臃腫”

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

【CSS開(kāi)發(fā)中10個(gè)易犯的錯(cuò)誤】相關(guān)文章:

幼兒英語(yǔ)啟蒙中家長(zhǎng)易犯的錯(cuò)誤03-18

挑球易犯的錯(cuò)誤03-20

JavaScript中易犯的10個(gè)小錯(cuò)誤03-25

育兒易犯的17個(gè)錯(cuò)誤03-10

托福獨(dú)立寫(xiě)作中易犯的十個(gè)錯(cuò)誤03-09

化妝易犯的錯(cuò)誤有哪些11-07

拳擊易犯的幾大錯(cuò)誤03-12

托福寫(xiě)作中易犯7大類(lèi)語(yǔ)言錯(cuò)誤03-31

舞者易犯的錯(cuò)誤解析03-30