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

seekup00 on 06/17/08


Tagged


Versions (?)


Who likes this?

2 people have marked this snippet as a favorite

Tamedo
NooM


Starter CSS


Published in: CSS 


  1. /* -------------------------- CSS Reset -------------------------- */
  2.  
  3. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  4. margin:0;
  5. padding:0;
  6. }
  7. table {
  8. border-collapse:collapse;
  9. border-spacing:0;
  10. }
  11. fieldset,img {
  12. border:0;
  13. }
  14. address,caption,cite,code,dfn,em,strong,th,var {
  15. font-style:normal;
  16. font-weight:normal;
  17. }
  18. ol,ul {
  19. list-style:none;
  20. }
  21. caption,th {
  22. text-align:left;
  23. }
  24. h1,h2,h3,h4,h5,h6 {
  25. font-size:100%;
  26. font-weight:normal;
  27. }
  28. q:before,q:after {
  29. content:'';
  30. }
  31. abbr,acronym { border:0;
  32. }
  33.  
  34. /* -------------------------- General Styles -------------------------- */
  35.  
  36. body {
  37. font-family: Arial, Helvetica, sans-serif;
  38. background: url(/images/image.gif) #FFF repeat-y left top;
  39. }
  40. p {
  41. font-size: 12px;
  42. line-height: 18px;
  43. padding-bottom: 15px;
  44. color: #000;
  45. }
  46. h1 {
  47. font-size: 18px;
  48. line-height: 20px;
  49. padding-bottom: 15px;
  50. color: #000;
  51. }
  52. h2 {
  53. font-size: 14px;
  54. line-height: 18px;
  55. padding-bottom: 15px;
  56. color: #000;
  57. }
  58. h3 {
  59. font-size: 12px;
  60. font-weight: bold;
  61. line-height: 18px;
  62. padding-bottom: 5px;
  63. color: #000;
  64. }
  65. h4 {
  66. font-size: 10px;
  67. line-height: 18px;
  68. text-transform: uppercase;
  69. letter-spacing: 1px;
  70. padding-bottom: 15px;
  71. color: #000;
  72. }
  73. p a {
  74. font-size: 12px;
  75. line-height: 18px;
  76. color: #000;
  77. }
  78. p a:hover {
  79. text-decoration: none;
  80. }
  81. .image-left {
  82. float: left;
  83. padding: 0 10px 10px 0;
  84. }
  85. .image-right {
  86. float: right;
  87. padding: 0 0 10px 10px;
  88. }
  89. .image-center {
  90. padding-bottom: 10px;
  91. }
  92. .table-left {
  93. float: left;
  94. padding: 0 10px 10px 0;
  95. }
  96. .table-right {
  97. float: right;
  98. padding: 0 0 10px 10px;
  99. }
  100. .rule-above {
  101. border-top: 1px solid #CCC;
  102. padding-top: 15px;
  103. margin-top: 15px;
  104. }
  105. .rule-below {
  106. border-bottom: 1px solid #CCC;
  107. padding-bottom: 15px;
  108. margin-bottom: 15px;
  109. }

Report this snippet 

Comments

RSS Icon Subscribe to comments
Posted By: seekup00 on July 2, 2008

You need to login to post a comment.