Step 3: Font-Size and Strength
In this step I decide on the sizes for different parts of the document. Important items, like headers, should have bigger font sizes and usually in bold, while paragraphs should be the same size as in textbooks. You can be creative about this too, and make your own rules. Most browsers default these to be certain sizes and stengths (boldness), but since I don't agree with these defaults, and the browsers each have their own ideas of what size these should be, I will define them myself in CSS. Remember that for sites with older audiences, specify large or relative sizes since eyesight deteriorates with age.
body, p, li {
font-size: 13px;
}
h1, h2 {
font-weight: bold;
font-size: 13px;
}
h2 .date {
font-weight: normal;
font-size: 11px;
}
#menu li a {
font-weight: bold;
font-size: 11px;
}
All the text will be 13px, except the date inside the header as well as the menu links that will be only 11px. The headers and menu text will also be bold.
RSS