Html5 ready reset


/ Published in: CSS
Save to your folder(s)

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.


Copy this code and paste it in your HTML
  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 */

URL: html5doctor.com

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.