advanced code snippet search

We Recommend

CSS: The Definitive Guide CSS: The Definitive Guide
Provides you with a comprehensive guide to CSS implementation, along with a thorough review of all aspects of CSS 2.1. Updated to cover Internet Explorer 7, Microsoft's vastly improved browser, this new edition includes content on positioning, text wrapping (nowrap), lists and generated content, table layout, user interface, paged media, and more.

Posted By

thesambarnes on 01/26/08


Tagged

css default reset


Versions (?)


Who likes this?

4 people have marked this snippet as a favorite

basicmagic
luman
gbot
Theanthrope


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.

Plain TextExpand 
  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.