Posted By

paul66 on 01/27/11


Tagged

css reset html5


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

wirenaught


Html5 ready reset


 / Published in: CSS
 

URL: html5doctor.com

Plenty of you will have used Eric Meyer’s css reset before now. It is included in many frameworks and so on, like 960.gs. This is a revamped version of that reset, that brings it into the present with full support for html5. It sets all the new structural tags as block level, and resets all their default styling as expected.

  1. /* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/*/
  2. html, body, div, span, object, iframe,
  3. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  4. abbr, address, cite, code,
  5. del, dfn, em, img, ins, kbd, q, samp,
  6. small, strong, sub, sup, var,
  7. b, i,
  8. dl, dt, dd, ol, ul, li,
  9. fieldset, form, label, legend,
  10. table, caption, tbody, tfoot, thead, tr, th, td,
  11. article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
  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. article, aside, figure, footer, header,
  23. hgroup, nav, section { display:block; }
  24.  
  25. nav ul { list-style:none; }
  26.  
  27. blockquote, q { quotes:none; }
  28.  
  29. blockquote:before, blockquote:after,
  30. q:before, q:after { content:''; content:none; }
  31.  
  32. a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
  33.  
  34. ins { background-color:#ff9; color:#000; text-decoration:none; }
  35.  
  36. mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
  37.  
  38. del { text-decoration: line-through; }
  39.  
  40. abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
  41.  
  42. /* tables still need cellspacing="0" in the markup */
  43. table { border-collapse:collapse; border-spacing:0; }
  44.  
  45. hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
  46.  
  47. input, select { vertical-align:middle; }
  48. /* END RESET CSS */

Report this snippet  

You need to login to post a comment.