css怎么優(yōu)化寫法

本篇內(nèi)容介紹了“css怎么優(yōu)化寫法”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)公司專注于武昌企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站開發(fā)。武昌網(wǎng)站建設(shè)公司,為武昌等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站設(shè)計，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

css寫法優(yōu)化：1、層級嵌套不能太深，一般不超過4層；2、避免使用元素選擇器，不利于后期修改；3、避免使用群組選擇器，可以提取一個公用類，定義同一樣式，更加方便；4、減少文件引入的數(shù)量，內(nèi)容顯示要有優(yōu)先順序。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

寫css關(guān)于id,class等的命名，文件的結(jié)構(gòu)，共同模塊的提取，代碼的復(fù)用性，可讀性，擴展性，維護性都要考慮，不然后期可以會需要花大力氣去進行維護修改。考慮寫出足夠科學(xué)的css，需要考慮下面幾個方面。

首先分析需求，根據(jù)需要分出頭部、導(dǎo)航、側(cè)邊欄、banner區(qū)，主要內(nèi)容區(qū)，底部等。由于需要東西的復(fù)用度很高，不好歸于任何一個固定模塊，比如分頁，彈窗等，他們需要單獨分出一段專屬的css和js，即組件化。有了清晰的結(jié)構(gòu)后，便于維護。

然后在細化，發(fā)現(xiàn)一些復(fù)用度高的小的部分，比如邊框，背景，圖標(biāo)，字體，邊距，布局方式等。這些用的次數(shù)很多，造成代碼冗余和維護困難。因此需要對這部分進行統(tǒng)一維護修改。

同時，代碼的排序也很重要，便于維護和繼承或者層疊覆蓋。除了這些意外，通過注釋在代碼段前面添加目錄或者名稱也有利于維護。

然后從結(jié)論來看，應(yīng)該注意：

1、層級嵌套不能太深，這樣會增加渲染時間。一般不超過4層最好。

2、避免使用元素選擇器。

原因：

• 同一個元素可能使用很多次，在瀏覽器遍歷的時候會遍歷所有該元素，這是沒必要的。

• 需求和代碼結(jié)構(gòu)是隨時可能發(fā)生變化，有可能會復(fù)用到其他頁面，或者在該頁面增加內(nèi)容，因此使用元素選擇器定死某個東西，不利于后期修改。

3、避免使用群組選擇器。

如：

.header ul li,.content ul li,.footer ul li{border-left:1px solid red};

這種情況應(yīng)該提取一個公用類，然后定義同一樣式，更加方便。

4、文件引入的數(shù)量和順序

文件請求的次數(shù)應(yīng)該盡量少，內(nèi)容顯示有優(yōu)先順序，文件加載有先后順序，讓用戶先看到更重要的。

從矛盾上考慮，對一個樣式進行命名，在設(shè)計稿上樣式相似的兩個不同功能的模塊，我們在命名的時候就不能考慮通過內(nèi)容來命名，比如“news”“about”等，而是從所屬類別，功能，頁面上來考慮。讓人比較容易的在名稱和結(jié)構(gòu)間建立聯(lián)系。在能把css寫的比較熟練后，可以使用css預(yù)處理器來提高效率。

“css怎么優(yōu)化寫法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

本文標(biāo)題：css怎么優(yōu)化寫法
網(wǎng)址分享：http://muchs.cn/article26/ghgjjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機、關(guān)鍵詞優(yōu)化、服務(wù)器托管、外貿(mào)建站、網(wǎng)站收錄、Google

廣告

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