Advanced Search

HTML5 CSS Reset

/ Published in: CSS
Save to your folder(s)
/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark */

Expand | Embed | Plain Text

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

URL: http://richclarkdesign.com, http://html5doctor.com

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.