Week 3 -- Type Styling Instructions 1. Continue to clean up your code or use mine 2. Style for Document Only (do not use external styles yet -- everything in the HEAD) 3. Style for tags only (do not use class or ID yet) 4. Concentrate on text size and relationships between sections - Font size, Line-height, margins, padding - Do not force line breaks - No images (delete the images folder sent week 2) 5. Upload with the name wk2 (don't overwrite week 1) 6. Email me a link to submit before the next class period. Keep in mind: Sizing Set body text to 11px either on the or

selector. To set the headline style's size, use percentages off of that 11px base value. h1: 218% h2: 164% h3: 145% h4: 118% Use smart quotes (&ldquot;), en/em dashes and other special characters as needed. They cover this in chapter 3, or if youre familiar with the key commands for typographically-correct characters, you can enter them as normal in Design View Word Spacing: If youre going to justify your text, make sure that the space between words is less than the space between lines. We will learn how to make a column width thinner to compensate next week. Linespacing: use line-height attribute, set in EMs. Taking the hint from print design, the line-height should be 1.2 to 1.5. Again, wider than wordspacing, even moreso on dark backgrounds. Hanging quotes: Quotation marks at the beginning of a line can be set to "hang" using a negative value on the text-indent attribute. As we saw in class, adjusting the base point size if this is set in pixels will throw it off, so use ems (-.75em is a good place to start).