HTML5 CSS Reset


/ Published in: CSS

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark */


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.