Posted By

mrjohnsly on 07/27/09


Tagged

css reset html5


Versions (?)

Who likes this?

8 people have marked this snippet as a favorite

jsatt
tmbrenneke
hijames
duvandekoker
Hollow
tigerthemes
ions
ringo380


HTML5 CSS Reset


 / Published in: CSS
 

URL: http://html5doctor.com/html-5-reset-stylesheet/

All credit to Richard Clarke, code taken from HTML 5 Doctor. Posted here for quick access from TextMate.

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

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: bradshaw48 on December 27, 2017

This will be very beneficial for the students who are learning to code and are still new in this field because the more the practice the sample codes the more there skills becomes strong. Academic Writers In UK

Posted By: StephenMorrison on January 10, 2018

This stylesheet is a piece of the HTML5 Reset. Its beginning was roused by three open source projects: Reset CSS, HTML5 Reset Stylesheet, and HTML 5. This reset Stylesheet is hearty and obstinate. For instance, it has particular style rules for the earlier and after pseudo-classes and (http://www.dissertationtime.co.uk/ "dissertation assistance") it sets the case measuring property to outskirt box, which your different choices don't do.

Posted By: kakbrus on January 17, 2018

Thank you for posting such a great article! I found your website perfect for my needs. It contains wonderful and helpful posts. Keep up the good work!. Thank you for this wonderful Article! five nights at freddy's

Posted By: shop1101 on July 20, 2018

Thank you for posting such a great article! I found your website perfect for my needs. It contains wonderful and helpful posts. Keep up the good work!. Thank you for this wonderful Article! Hotmail Login Hotmail.com Login Hotmail Login Tip

Posted By: on August 15, 2018

rootear alcatel 5044r bestandroidtoroot

Posted By: rahulsharmadigi on December 29, 2018

Good post. Thank you so much for sharing this post. I really like your blog and thanks for sharing the information with us. Laboratory Filtration Equipment

Posted By: raulsinghdigitals on January 7, 2019

Hi, good article. I see the greatest contents on your blog and I extremely love reading them. I think about it is most required for making more on this get engaged. Laboratory Equipment

Posted By: cutyniharika on January 11, 2019

This is really interesting; you’re a very skilled blogger. I have joined your feed and look forward to seeking more of your great post. Also, I’ve shared your site in my social networks! Hyderabad escorts

You need to login to post a comment.