網站制作如何實現高效的CSS代碼
2010/7/7 14:22:45

  學習CSS其實并不難,在很多大型網站制作項目中,有時就很難搞定這些代碼,尤其是不同的人想法不一樣,寫出的CSS也就各不相同,其他人想要修改樣式可以說是無從下手,為了避免這樣的事情發生,就要求我們要實現高效整潔的CSS代碼,那么應該如何實現呢?看以下十三條原則:
  1. 保持CSS的可讀性
  書寫可讀的CSS將會使得更容易查找和修改樣式。
  2. 適當的代碼注釋
  代碼注釋可以讓別人更容易讀懂你的代碼,且合理的組織代碼注釋,可使得結構更加清晰。
  3 . 使用Reset但并非全局Reset
  不同瀏覽器元素的默認屬性有所不同,使用Reset可重置瀏覽器元素的一些默認屬性,以達到瀏覽器的兼容。但需要注意的是,請不要使用全局Reset:
  4. 代碼壓縮
  當你決定把網站項目部署到網絡上,那你就要考慮對CSS進行壓縮,出去注釋和空格,以使得網頁加載得更快。壓縮您的代碼,可以采用一些工具,利用它可精簡CSS代碼,減少文件大小,以獲得更高的加載速度。
  5. 利用CSS繼承
  如果頁面中父元素的多個子元素使用相同的樣式,那最好把他們相同的樣式定義在其父元素上,讓它們繼承這些CSS樣式。這樣你可以很好的維護你的代碼,并且還可以減少代碼量。
  6. 使用<link>代替@import
  首先,@import不屬于XHTML標簽,也不是Web標準的一部分,它對于較早期的瀏覽器兼容也不高,并且對于網站的性能有某些負面的影響。所以,請避免使用@import。
  7. 避免使用CSS表達式
  CSS表達式是動態設置CSS屬性的強大方法。Internet Explorer從第5個版本開始支持CSS表達式。表達式的問題就在于它的計算頻率要比我們想象的多。不僅僅是在頁面顯示和縮放時,就是在頁面滾動、乃至移動鼠標時都會要重新計算一次。給CSS表達式增加一個計數器可以跟蹤表達式的計算頻率。在頁面中隨便移動鼠標都可以輕松達到10000次以上的計算量。如果必須使用CSS表達式,一定要記住它們要計算成千上萬次并且可能會對你頁面的性能產生影響。所以,在非不得已,請避免使用CSS表達式。
  8. 代碼縮寫
  CSS代碼縮寫可以提高你寫代碼的速度,精簡你的代碼量。在CSS里面有不少可以縮寫的屬性,包括margin,padding,border,font,background和顏色值等。
  9. 使用多重選擇器
  你可以合并多個CSS選擇器為一個,如果他們有共同的樣式的話。這樣做不但代碼簡潔且可為你節省時間和空間。
  10. 良好的命名習慣
  無疑亂七八糟或者無語義命名的代碼,誰看了都會抓狂。
  11. 給你的CSS代碼排序
  如果代碼中的屬性都能按照字母排序,那查找修改的時候就能更加快速。
  12. 選擇更優的樣式屬性值
  CSS中有些屬性采用不同的屬性值,雖然達到的效果差不多,當性能上卻存在著差異,
  13. 使用外部樣式表
  這個原則始終是網站制作中很好的設計實踐。不單可以更易于維護修改,更重要的是使用外部文件可以提高頁面速度,因為CSS文件都能在瀏覽器中產生緩存。內置在HTML文檔中的CSS則會在每次請求中隨HTML文檔重新下載。

返回列表
返回首頁 主站蜘蛛池模板: 国产乱子伦精品无码码专区| 女人与公拘交酡过程高清视频| 亚洲国产情侣一区二区三区| 福利在线小视频| 国产乱人伦偷精品视频免下载| 亚洲最大看欧美片网站| 在线观看永久免费| 一级特黄录像免费播放肥| 日本最大色倩网站www| 亚洲aⅴ在线无码播放毛片一线天| 波多野结衣一区二区三区高清av| 全彩口工番日本漫画| 色噜噜狠狠狠狠色综合久| 国产在线精品观看一区| 久久精品国内一区二区三区| 欧美精品一区二区精品久久| 免费毛片a线观看| 自拍偷拍校园春色| 国产大学生粉嫩无套流白浆| 69成人免费视频| 国产资源在线免费观看| avav片在线看| 婷婷亚洲综合五月天小说在线| 久久99国产精品久久99果冻传媒| 日韩精品一区二区三区毛片| 免费又黄又硬又爽大片| 羞羞视频在线观看入口| 国产精品美女久久久m| avtt天堂网手机资源| 少妇人妻偷人精品视频| 中文字幕影片免费在线观看| 日本午夜小视频| 久久精品国产亚洲一区二区| 欧美一级视频免费看| 八戒网站免费观看视频| 色噜噜狠狠一区二区| 国产亚洲美女精品久久久久| 国产叼嘿久久精品久久| 国产精品一区欧美激情| 2021国产精品自产拍在线观看 | 免费高清资源黄网站在线观看|