• 當前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 前端開發(fā) >> div+css >> div+css 布局最精簡代碼建議

div+css 布局最精簡代碼建議

• 作者：創(chuàng)新互聯(lián) 文章來源：前端開發(fā)部 點擊數(shù)： 更新時間：2008-09-15
• 　　如何使網站速度快，需要精簡代碼，那么如何精簡代碼呢？div+CSS 布局最精簡代碼建議，使用div+css布局做到最精簡的代碼，以達升網站速度的目的。
  
  1、css樣式盡量合并成一個外部文件，采用link方式導入到網頁中來，可以減少不少內嵌在網頁中的css代碼。
  
  2、多用全局樣式，比如網頁中只有一個h1標簽，那么直接在css文件中定義h1的樣式，如h1{......}，而不要給h1標簽加class或者id來定義樣式，這樣一來就可以省略class=""或id=""，整個網頁精簡下來就可以簡潔不少代碼。
  
  3、多采用父級繼承樣式控制，在div中盡量使用不同標簽來控制網頁表現(xiàn)形式，比如一個div中需要有3個不同顏色的文字，這樣做同樣可以減少不少的class和id。
  
  <div>
      第一種文字
      <span>第二種文字</span>
      <font>第三種文字</font>
  </div>
  
  css樣式可以這樣寫：
  div { color: #000}
  div span { color: #f00}
  div font { color: #0f0}
• 網站制作中版面設計TABLE/DIV+CSS優(yōu)勢 :上一篇
  DIV+CSS布局網頁對網站優(yōu)化產生的影響 :下一篇