在編寫CSS時認為不應該做的有哪些-創(chuàng)新互聯(lián)

在編寫CSS時認為不應該做的有哪些，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)建站是專業(yè)的林芝網(wǎng)站建設公司，林芝接單;提供網(wǎng)站設計制作、成都做網(wǎng)站,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行林芝網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

你也一定聽到過開發(fā)人員的抱怨：

“我們只需要向左邊移動五個像素，但是…天哪！為什么整個都向下移動了一行。到底是哪里錯了？！？??？！”

下面就是是我作為一個開發(fā)人員在編寫CSS時認為不應該做的事情，歡迎大家指正，提出不同的看法。

1.不要濫用類

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

2.不要把一切都扔進一個CSS文件中

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

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

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

4.不要忘記注釋

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

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

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

6.不要害怕覆蓋

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

7.不要濫用! 很重要

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

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

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

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

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

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

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

看完上述內容，你們掌握在編寫CSS時認為不應該做的有哪些的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁名稱：在編寫CSS時認為不應該做的有哪些-創(chuàng)新互聯(lián)
文章來源：http://muchs.cn/article42/doogec.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、商城網(wǎng)站、企業(yè)建站、品牌網(wǎng)站設計、網(wǎng)站設計、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)