DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 影響CSS渲染速度的10條寫法與建議(3)
影響CSS渲染速度的10條寫法與建議(3)
編輯:CSS詳解     

5、讓屬性盡可能多的去繼承

盡可能讓一些屬性子可以繼承父,而不是覆蓋父;

簡單的一個例子:

查看復制打印

  1. <style>
  2. a:link,a:visited{color:#0000FF}
  3. a:hover,a:active{color:#FF0000}
  4. #zishua:link,#zishua:visited{font-weight:bold}
  5. #zishua:hover,#zishua:active{font-style:italic;}
  6. style>
  7. <div><ahrefahref="#">testa><div>
  8. <dividdivid="zishu"><ahrefahref="#">zishua>div>
  9. <style>
  10. a:link,a:visited{color:#0000FF}
  11. a:hover,a:active{color:#FF0000}
  12. #zishua:link,#zishua:visited{font-weight:bold}
  13. #zishua:hover,#zishua:active{font-style:italic;}
  14. style>
  15. <div><ahrefahref="#">testa><div>
  16. <dividdivid="zishu"><ahrefahref="#">zishua>div>
  17. <style>
  18. a:link,a:visited{color:#0000FF}
  19. a:hover,a:active{color:#FF0000}
  20. #zishua:link,#zishua:visited{font-weight:bold}
  21. #zishua:hover,#zishua:active{font-style:italic;}
  22. style>
  23. <div><ahrefahref="#">testa><div>
  24. <dividdivid="zishu"><ahrefahref="#">zishua>div>

實際上我是讓zishu去繼承我默認設置的屬性,因為那些屬性已經存在了。

另外再說幾個不是特別重要的地方,平時注意一點就行了,沒有上邊這幾個影響那麼大。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved