Yahoo的CSS清除HTML和瀏覽器缺省樣式表

2011-09-01 18:34:39來源:itwhy作者:

各瀏覽器都有自已的缺省樣式,例如:<img>元素的body屬性,這不是什么好事情,因為我們需要網(wǎng)站前端在各個瀏覽器下面顯示都差不多,所以都把它們清除掉。因為這樣的原因,我也就省略列出了,只給出如何清除HTML和瀏

各瀏覽器都有自已的缺省樣式,例如:<img>元素的body屬性,這不是什么好事情,因為我們需要網(wǎng)站前端在各個瀏覽器下面顯示都差不多,所以都把它們清除掉。因為這樣的原因,我也就省略列出了,只給出如何清除HTML和瀏覽器缺省樣式的CSS了。

Yahoo!已經(jīng)為我們做了總結(jié)。根據(jù)雅虎的建議,你需要把這些規(guī)則放到一個名為Reset.css的文件中單獨引用(推薦這種做法):

CSS Code復(fù)制內(nèi)容到剪貼板
  1. body,div,   
  2. dl,dt,dd,ul,ol,li,   
  3. h1,h2,h3,h4,h5,h6,   
  4. pre,form,fieldset,input,textarea,p,blockquote,th,td {   
  5.     margin:0;   
  6.     padding:0;   
  7. }   
  8. table {   
  9.     border-collapse:collapse;   
  10.     border-spacing:0;   
  11. }   
  12. fieldset,img {   
  13.     border:0;   
  14. }   
  15. address,caption,cite,code,dfn,em,strong,th,var {   
  16.     font-style:normal;   
  17.     font-weight:normal;   
  18. }   
  19. ol,ul {   
  20.     list-style:none;   
  21. }   
  22. caption,th {   
  23.     text-align:left;   
  24. }   
  25. h1,h2,h3,h4,h5,h6 {   
  26.     font-size:100%;   
  27.     font-weight:normal;   
  28. }   
  29. q:before,q:after {   
  30.     content:'';   
  31. }   
  32. abbr,acronym { border:0;   
  33. }  

原文:http://www.itwhy.org/2011/07-16/596.html

關(guān)鍵詞:YahooCSS缺省樣式

贊助商鏈接: