成都創新互聯-專業網站定制、快速模板網站建設、高性價比通城網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式通城網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋通城地區。費用合理售后完善，十多年實體公司更值得信賴。

 CSS 性能優化總結篇

1、命名與備注規范化

頭：header

內容：content/container

尾：footer

導航：nav

側欄：sidebar

欄目：column

頁面外圍控制整體佈局寬度：wrapper

左右中：left right center

登錄條：loginbar

標志：logo

廣告：banner

頁面主體：main

熱點：hot

新聞：news

下載：download

子導航：subnav

菜單：menu

子菜單：submenu

搜索：search

友情鏈接：friendlink

頁腳：footer

版權：copyright

滾動：scroll

內容：content

標簽：tags

文章列表：list

提示信息：msg

小技巧：tips

欄目標題：title

加入：joinus

指南：guide

服務：service

注冊：regsiter

狀態：status

投票：vote

合作伙伴：partner

導航：nav

主導航：mainnav

子導航：subnav

頂導航：topnav

邊導航：sidebar

左導航：leftsidebar

右導航：rightsidebar

菜單：menu

子菜單：submenu

標題: title

摘要: summary

2、提取重復樣式【這一個方法很容易理解，簡單說就是提取相同的樣式成為一個單獨的類再引用，這樣不僅可以精簡CSS文件大小，而且CSS代碼變少，更易于重用和維護】

3、書寫順序

這個書寫順序指的是各個樣式的書寫順序，下面是推薦的CSS書寫順序

(1)位置屬性(position, top, right, z-index, display, float等)

(2)大小(width, height, padding, margin)

(3)文字系列(font, line-height, letter-spacing, color- text-align等)

(4)背景(background, border等)

(5)其他(animation, transition等)

4、盡量將樣式寫在單獨的css文件里面，在head元素中引用

有時候為了圖方便或者快速搞定功能，我們可能會直接將樣式寫在頁面的style標簽或者直接內聯在元素上，這樣雖然簡單方便，但是非常不利于日后的維護。將代碼寫成單獨的css文件有幾點好處：

(1)內容和樣式分離，易于管理和維護

(2)減少頁面體積

(3)css文件可以被緩存、重用，維護成本降低

5、不使用@import

這條手段已經是眾所周知，這里簡單提一下，@import影響css文件的加載速度

6、避免使用復雜的選擇器，層級越少越好

有時候項目的模塊越來越多，功能越來越復雜，我們寫的CSS選擇器會內套多層，越來越復雜。

建議選擇器的嵌套最好不要超過三層

7

1、盡量將樣式寫在單獨的css文件里面，在head元素中引用

有時候為了圖方便或者快速搞定功能，我們可能會直接將樣式寫在頁面的style標簽或者直接內聯在元素上，這樣雖然簡單方便，但是非常不利于日后的維護。將代碼寫成單獨的css文件有幾點好處：

(1)內容和樣式分離，易于管理和維護

(2)減少頁面體積

(3)css文件可以被緩存、重用，維護成本降低

2、不使用@import

這條手段已經是眾所周知，這里簡單提一下，@import影響css文件的加載速度

3、避免使用復雜的選擇器，層級越少越好

有時候項目的模塊越來越多，功能越來越復雜，我們寫的CSS選擇器會內套多層，越來越復雜。

建議選擇器的嵌套最好不要超過三層

8  正確使用display 屬性

display:inline后不應該再使用width、height、margin、padding以及float。

display:inline-block后不應該再使用float。

display:block后不應該再使用vertical-align。

display:table-*后不應該再使用margin或者float。

9.值為0的時候不需要加單位

10 不要過多的聲明font-size

11  不要濫用字體【web fonts 體積龐大的時候  可能會阻塞渲染影響性能】

12 不要濫用浮動

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文題目：CSS性能優化篇-創新互聯
當前路徑：http://www.yijiale78.com/article28/psecp.html

成都網站建設公司_創新互聯，為您提供網站排名、網站設計公司、響應式網站、網頁設計公司、網站制作、網站內鏈

廣告

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