云南網站建設創新企業 昆明多彩網絡公司

|網頁對話|電話:0871-63215311

一些div+css細節,減少網站代碼量

來源:昆明多彩網絡公司 日期:2010-02-21 閱讀: 發表評論

前面提到過網站打開速度非常關鍵,這里著重討論網站建設中使用div+css布局網頁代碼如何做到精簡干練。

在前面文章“網站打開速度的決定因素有哪些?”中我們已經提到了一些大概的要點,現在我們來說下div+css布局的時候怎樣做到最精簡的代碼,以達到極限提升網站速度的目的。

1、css樣式盡量合并成一個外部文件,采用link方式導入到網頁中來,可以減少不少內嵌在網頁中的css代碼。

2、多用全局樣式,比如網頁中只有一個h1標簽,那么直接在css文件中定義h1的樣式,如h1{......},而不要給h1標簽加class或者id來定義樣式,這樣一來就可以省略class=""或id="",整個網頁精簡下來就可以簡潔不少代碼。

3、多采用父級繼承樣式控制,在div中盡量使用不同標簽來控制網頁表現形式,比如一個div中需要有3個不同顏色的文字,這樣做同樣可以減少不少的class和id。
<div>
    第一種文字
    <span>第二種文字</span>
    <font>第三種文字</font>
</div>
css樣式可以這樣寫:
div { color: #000}
div span { color: #f00}
div font { color: #0f0}

發表評論評論列表(有 條評論)

網頁對話 0871-63215311
原创视频传到什么网站可以赚钱 北京pk10怎么研究走势 上海快3计算方法 山东十一体选五走势 下载海南体彩飞鱼 黑龙体彩6加1开奖结果 福彩p62最新开奖 茅台股票今日股价 陕西福彩快乐十分真准网 股票交易软件排行榜 股票行情趋势图