The
font-family and font-size are inherited by all elements, and
the all-round 1 em margin moves all the elements in from the
edges of the page. We don??™t want our layout touching the edge
of the browser window.
STYLIN??™ WITH CSS - CHAPTER 3 98
3. img {border:0;}
If you enclose an image in a link so that it is clickable, all browsers
except Safari will put an ugly blue border around it to indicate
this fact. I prefer to remove the border and use the title
attribute to pop up text, such as ???Go to Home Page,??? when the
mouse moves over the image.
4. h1 {font-size:1.1em; text-transform:uppercase; textalign:
center; letter-spacing:.2em; margin:.5em 0;}
The header is now centered with increased letter spacing and in
all capitals.
5. h3 {font-size:.7em; word-spacing:1em; letter-spacing:
-.05em; border-bottom:1px solid #069; padding:0 0.5em
1em;}
Here we??™ve set tight letter spacing and wide word spacing.
6. p {font-size:.75em; line-height:1.4em; text-indent:
-1.75em; margin: 0.5em 2em;}
Here we??™ve reduced the type size and increased the line height.
When we set the negative indent for the ?¬? rst line, we also set a
corresponding margin so the text can??™t get clipped to the left.
7. ul, ol {font-size:.75em; margin-left:6em; lineheight:
1.25; color:#444;}
The large left margin indents the lists. We??™ve also italicized them
and increased line spacing for any lines that may wrap.
Pages:
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141