Posted By

thesambarnes on 01/26/08


Tagged

css default reset


Versions (?)

Who likes this?

5 people have marked this snippet as a favorite

basicmagic
luman
gbot
Theanthrope
robotici


CSS Reset Stylesheet


 / Published in: CSS
 

This is the CSS stylesheet I currently start every website that avoids some of the common browser bugs experienced when developing for multiple browsers.

  1. /* Default screen stylesheet for http://www.
  2.   Author: thesambarnes (e-mail address)
  3.   Last updated: 00/00/2008
  4. */
  5.  
  6.  
  7. /* Defaults begin *************************************************************************************************/
  8.  
  9. /* Remove padding and margin */
  10. * {
  11. margin: 0px;
  12. padding: 0px;
  13. }
  14. /* Puts sensible margin and padding back on suitable elements */
  15. h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table {
  16. margin: 1em 0;
  17. }
  18.  
  19. /* Headers *****************************/
  20. h1 {
  21.  
  22. }
  23. h2 {
  24.  
  25. }
  26. h3 {
  27.  
  28. }
  29. h4 {
  30.  
  31. }
  32. h5 {
  33.  
  34. }
  35.  
  36. /* Text *****************************/
  37. p {
  38.  
  39. }
  40.  
  41. /* Links *****************************/
  42. a {
  43.  
  44. }
  45. a:hover {
  46.  
  47. }
  48. a:active {
  49.  
  50. }
  51. a:visited {
  52.  
  53. }
  54.  
  55. /* Images *****************************/
  56. img {
  57. border: 0px;
  58. }
  59.  
  60. /* Lists *****************************/
  61. ul {
  62.  
  63. }
  64. /* Removes styling from all list items */
  65. ul, li {
  66. list-style:none;
  67. }
  68. ul li {
  69.  
  70. }
  71. ul li a {
  72.  
  73. }
  74.  
  75. /* Clears all floats */
  76. .clear {
  77. clear: both;
  78. }
  79.  
  80. /* Forms *****************************/
  81.  
  82. /* Removes fieldset borders */
  83. fieldset {
  84. border: 1px solid transparent;
  85. }
  86.  
  87. /* Tables *****************************/
  88. table {
  89. border-spacing: 0;
  90. border-collapse: collapse;
  91. }
  92. td {
  93. text-align: left;
  94. font-weight: normal;
  95. }
  96.  
  97. /* HTML and body tags *****************************/
  98. html {
  99.  
  100. }
  101.  
  102. /* Creates foundation "em" font sizes where 1em is equal to approximately 10px and 1.1em = approx. 11px etc */
  103. body {
  104. font: 62.5%/1.6 Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  105. }
  106. /* Defaults end *************************************************************************************************/
  107.  
  108.  
  109.  
  110.  
  111. /* Internet Explorer workaround that centers the site in the browser */
  112. #iepagewrapper {
  113. text-align: center;
  114. }
  115. #pagewrapper {
  116. margin: 0px auto 0px auto;
  117. }

Report this snippet  

You need to login to post a comment.