/ Published in: CSS
Also using a reseter and DivIt.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
@import url('reset.css'); /* CSS Reset */ @import url('divit.css'); /* DivIt gs */ /* === <tags /> ====================== */ body { font: 62.5%/1.75 'lucida grande', verdana, sans-serif; color: #333; background: #ddd; text-align: center; } a { color: #000; text-decoration: none; } acronym, abbr { border-bottom: 1px dotted #ddd; } h1, h2, h3, h4, h5, h6 { color: #000; } h1 { font-size: 2.4em; /* 24px */ } h2 { font-size: 2.2em; /* 22px */ } h3 { font-size: 2.0em; /* 20px */ } h4 { font-size: 1.8em; /* 18px */ } h5 { font-size: 1.6em; /* 16px */ } h6 { font-size: 1.4em; /* 14px */ } p, ul, ol, dl { font-size: 1.2em; /* 12px */ margin-bottom: 0.5em; } /* === .classes ====================== */ .hide { display: none; } .wrapper { width: 800px; text-align: left; margin: auto; } /* === #ids ========================== */