Posted By

jaimerodas on 01/20/11


Tagged

css reset html5


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

nahid
TraceyM


CSS Reset


 / Published in: CSS
 

URL: cssreset

HTML5-enabled CSS Reset file

To be modified as new things pop up

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

Report this snippet  

You need to login to post a comment.