The Real HTML5 Boilerplate (CSS)


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



Copy this code and paste it in your HTML
  1. /*------------------------------------*\
  2.   RESET
  3. \*------------------------------------*/
  4. /* http://meyerweb.com/eric/tools/css/reset/
  5.   v2.0b1 | 201101
  6.   NOTE:WORK IN PROGRESS
  7.   USE WITH CAUTION AND TEST WITH ABANDON */
  8.  
  9. html,body,div,span,applet,object,iframe,
  10. h1,h2,h3,h4,h5,h6,p,blockquote,pre,
  11. a,abbr,acronym,address,big,cite,code,
  12. del,dfn,em,img,ins,kbd,q,s,samp,
  13. small,strike,strong,sub,sup,tt,var,
  14. b,u,i,center,
  15. dl,dt,dd,ol,ul,li,
  16. fieldset,form,label,legend,
  17. table,caption,tbody,tfoot,thead,tr,th,td,
  18. article,aside,canvas,details,figcaption,figure,
  19. footer,header,hgroup,menu,nav,section,summary,
  20. time,mark,audio,video{
  21. margin:0;
  22. padding:0;
  23. border:0;
  24. outline:0;
  25. font-size:100%;
  26. font:inherit;
  27. vertical-align:baseline;
  28. }
  29. /* HTML5 display-role reset for older browsers */
  30. article,aside,details,figcaption,figure,
  31. footer,header,hgroup,menu,nav,section{
  32. display:block;
  33. }
  34. body{
  35. line-height:1;
  36. }
  37. ol,ul{
  38. list-style:none;
  39. }
  40. blockquote,q{
  41. quotes:none;
  42. }
  43. blockquote:before,blockquote:after,
  44. q:before,q:after{
  45. content:'';
  46. content:none;
  47. }
  48. /* remember to define visible focus styles!
  49. :focus{
  50.   outline:?????;
  51. } */
  52.  
  53. /* remember to highlight inserts somehow! */
  54. ins{
  55. text-decoration:none;
  56. }
  57. del{
  58. text-decoration:line-through;
  59. }
  60.  
  61. table{
  62. border-collapse:collapse;
  63. border-spacing:0;
  64. }
  65.  
  66. /*------------------------------------*\
  67.   MAIN
  68. \*------------------------------------*/
  69. /* GO! */

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.