Basic structure


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

Also using a reseter and DivIt.


Copy this code and paste it in your HTML
  1. @import url('reset.css'); /* CSS Reset */
  2. @import url('divit.css'); /* DivIt gs */
  3.  
  4. /* === <tags /> ====================== */
  5. body {
  6. font: 62.5%/1.75 'lucida grande', verdana, sans-serif;
  7. color: #333; background: #ddd; text-align: center;
  8. }
  9.  
  10. a {
  11. color: #000;
  12. text-decoration: none;
  13. }
  14. acronym, abbr {
  15. border-bottom: 1px dotted #ddd;
  16. }
  17.  
  18. h1, h2, h3, h4, h5, h6 {
  19. color: #000;
  20. }
  21. h1 {
  22. font-size: 2.4em; /* 24px */
  23. }
  24. h2 {
  25. font-size: 2.2em; /* 22px */
  26. }
  27. h3 {
  28. font-size: 2.0em; /* 20px */
  29. }
  30. h4 {
  31. font-size: 1.8em; /* 18px */
  32. }
  33. h5 {
  34. font-size: 1.6em; /* 16px */
  35. }
  36. h6 {
  37. font-size: 1.4em; /* 14px */
  38. }
  39.  
  40. p, ul, ol, dl {
  41. font-size: 1.2em; /* 12px */
  42. margin-bottom: 0.5em;
  43. }
  44.  
  45. /* === .classes ====================== */
  46. .hide {
  47. display: none;
  48. }
  49. .wrapper {
  50. width: 800px;
  51. text-align: left;
  52. margin: auto;
  53. }
  54.  
  55. /* === #ids ========================== */

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.