Crazy Web

注册 | 登陆

HTML5 Reset Stylesheet

Submitted by anlee on 2010, February 9, 11:34 AM. (X)HTML

前端开发有不少人使用模板，boilerplates，和HTML 5样式。Remy 介绍了一些 basic boilerplates for HTML 5, 为了保持这样，国外人修改Eric Meyer’s CSS reset 你可以用在你的HTML 5 页面中。
The code：

XML/HTML代码
  1. /*   
  2. html5doctor.com Reset Stylesheet  
  3. v1.4   
  4. 2009-07-27  
  5. Author: Richard Clark - http://richclarkdesign.com  
  6. */  
  7.   
  8. html, body, div, span, object, iframe,  
  9. h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
  10. abbr, address, cite, code,  
  11. del, dfn, em, img, ins, kbd, q, samp,  
  12. small, strong, sub, sup, var,  
  13. b, i,  
  14. dl, dt, dd, ol, ul, li,  
  15. fieldset, form, label, legend,  
  16. table, caption, tbody, tfoot, thead, tr, th, td,  
  17. article, aside, dialog, figure, footer, header,   
  18. hgroup, menu, nav, section,  
  19. time, mark, audio, video {  
  20.     margin:0;  
  21.     padding:0;  
  22.     border:0;  
  23.     outline:0;  
  24.     font-size:100%;  
  25.     vertical-align:baseline;  
  26.     background:transparent;  
  27. }  
  28.   
  29. body {  
  30.     line-height:1;  
  31. }  
  32.   
  33. article, aside, dialog, figure, footer, header,   
  34. hgroup, nav, section {   
  35.     display:block;  
  36. }  
  37.   
  38. nav ul {  
  39.     list-style:none;  
  40. }  
  41.   
  42. blockquote, q {  
  43.     quotes:none;  
  44. }  
  45.   
  46. blockquote:before, blockquote:after,  
  47. q:before, q:after {  
  48.     content:'';  
  49.     content:none;  
  50. }  
  51.   
  52. a {  
  53.     margin:0;  
  54.     padding:0;  
  55.     border:0;  
  56.     font-size:100%;  
  57.     vertical-align:baseline;  
  58.     background:transparent;  
  59. }  
  60.   
  61. ins {  
  62.     background-color:#ff9;  
  63.     color:#000;  
  64.     text-decoration:none;  
  65. }  
  66.   
  67. mark {  
  68.     background-color:#ff9;  
  69.     color:#000;   
  70.     font-style:italic;  
  71.     font-weight:bold;  
  72. }  
  73.   
  74. del {  
  75.     text-decoration: line-through;  
  76. }  
  77.   
  78. abbr[title], dfn[title] {  
  79.     border-bottom:1px dotted #000;  
  80.     cursor:help;  
  81. }  
  82.   
  83. table {  
  84.     border-collapse:collapse;  
  85.     border-spacing:0;  
  86. }  
  87.   
  88. hr {  
  89.     display:block;  
  90.     height:1px;  
  91.     border:0;     
  92.     border-top:1px solid #cccccc;  
  93.     margin:1em 0;  
  94.     padding:0;  
  95. }  
  96.   
  97. input, select {  
  98.     vertical-align:middle;  
  99. }  
这里你可以下载：http://code.google.com/p/html5resetcss/downloads/list
文章来自：http://html5doctor.com/html-5-reset-stylesheet/

Tags: html5

« 上一篇 | 下一篇 »

只显示10条记录相关文章

Google 发布介绍 HTML 5 新特性的视频 (浏览: 424, 评论: 0)

Trackbacks

点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5

发表评论

评论内容 (必填):