十年風雨路 · 一心鑄精品

接一個官網 留一件精品 做一個項目 樹一塊樣板

10條影響CSS渲染速度的寫法與使用建議第13頁

這篇文章主要寫的提高網頁在客戶端瀏覽器的渲染速度的CSS部分,暫時總結了10條。 1、*{} #jb51 *{} 盡量避開 由于不同瀏覽器對HTML標簽的解釋有差異,所以最終的網頁效果在不同的瀏覽器中可能是不一樣的,為了消除這方面的風險,設計者通常會在CSS的一個始就把所有標簽的默認屬性全部去除,以達到所有簽標屬性值都統一的效果。所以就有了*通配符。*會遍歷所有的標簽; *{margin:0; padding:0} 如果這樣寫,頁面中所有的標簽的margin全是0;padding也是0; #jb51

時間:2013年01月15日 點擊量:
這篇文章主要寫的提高網頁在客戶端瀏覽器的渲染速度的CSS部分,暫時總結了10條。

1、*{} #jb51 *{} 盡量避開

由于不同瀏覽器對HTML標簽的解釋有差異,所以最終的網頁效果在不同的瀏覽器中可能是不一樣的,為了消除這方面的風險,設計者通常會在CSS的一個始就把所有標簽的默認屬性全部去除,以達到所有簽標屬性值都統一的效果。所以就有了*通配符。*會遍歷所有的標簽;

*{margin:0; padding:0}
如果這樣寫,頁面中所有的標簽的margin全是0;padding也是0;

#jb51 *{margin:0; padding:0}
如果這樣寫,在id等于jb51下邊的所有標簽的margin全是0;padding也是0;

這樣寫的問題是:
a.遍歷會消耗很多的時間,如果你的HTML代碼寫的不規范或是某一簽標沒有必合,這個時間可能還會更長;
b.很多的標簽本來就沒有這個屬性或屬性本身就是統一的,那么更給設置一次,也有時間的開消;

建議的的解決辦法:
a.不要去使用生僻的標簽,因為這些標簽往往在不同瀏覽器中解釋出來的效果不一樣;所以你要盡可能的去使用那些常用的標簽;
b.不要使用*;而是把你常用到的這些標簽進行處理;例如:body,li,p,h1{margin:0; padding:0}

2、濾鏡的一些東西不要去用

IE的一些濾鏡在FIREFOX中不支持,往往寫一些效果時你還是使用CSS HACK;而濾鏡是一個非常毫資源的東西;特別是一些羽化、陰影和一個前透明的效果;

例如一個陰影效果:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

推薦案例

  • 成都森美啦園林綠化工程公

  • 四川尚恒科技有限公司

  • 成都九邦物流有限責任公司

  • 四川品睿餐飲管理有限公司

  • 美繪陶社陶藝手繪工作室-暖

  • 成都恩多施生物工程技術有

  • 汶川羌人土特產有限公司

  • 印刷設計公司網站No.3138

聯系我們 / CONTACT US

  • 四川省成都市金牛區五福橋東路229號龍湖北城天街28棟903室
  • 服務熱線:400-000-2367 028-86088588
  • 總機:028-62322623-0
  • 傳真:028-62322623-823

掃碼訪問冠辰手機網站

版權所有 Copyright © 2002-2019 四川冠辰科技開發有限公司  www.mtlum.tw 保留所有權利  蜀ICP備11012605號

地址:四川省成都市金牛區五福橋東路229號龍湖北城天街28棟903室

服務熱線:400-000-2367 028-86088588 總機:028-62322623-0 傳真:028-62322623-823

捕鱼王游戏机 吉林时时连线走势 天津十一选五开奖基本走势图 重庆时时彩开奖手机app 吉林快3app下载 浙江快乐时时号码走势图 秒速时时彩app下载 窝窝网站 北京5分彩从哪出的 必发彩票在哪下载 江西时时网购 喜乐彩什么时候开奖 手机游戏前十名 360排球比分网即时比分 赛马会期期二码中一 南粤风采三十六选七走势图 河北时时玩法介绍 吉林时时连线走势 天津十一选五开奖基本走势图 重庆时时彩开奖手机app 吉林快3app下载 浙江快乐时时号码走势图 秒速时时彩app下载 窝窝网站 北京5分彩从哪出的 必发彩票在哪下载 江西时时网购 喜乐彩什么时候开奖 手机游戏前十名 360排球比分网即时比分 赛马会期期二码中一 南粤风采三十六选七走势图 河北时时玩法介绍