云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡(luò)公司

      |網(wǎng)頁對話|電話:0871-63215311

      一些div+css細節(jié),減少網(wǎng)站代碼量

      來源:昆明多彩網(wǎng)絡(luò)公司 日期:2010-02-21 閱讀: 發(fā)表評論

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

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

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

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

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

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

      網(wǎng)頁對話 0871-63215311
      日韩精品无码一区二区三区,亚州AV高清无码在线,精品一区 二区三区免费毛片,国产极品99热在线播放69