3em .4em;
border-top:2px solid;
border-bottom:2px solid;
}
blockquote cite {
display:block;
font-size:.85em;
}
abbr, acronym {
border-bottom:1px dashed #000;
cursor:default;
a hack for IE6, because default size
is larger in IE6
STYLIN??™ WITH CSS - CHAPTER 7 246
}
address {
margin:0 1em .75em 1em;
}
img {
border:0;
}
a:hover {
text-decoration:none;
}
Above are examples of some basic styles for some of the most common
XHTML elements. Note these are element selectors without
context, so they affect all elements of that type, wherever they
appear on the page.
Next, lets look at some background colors for the main divs and
type colors for the most common XHTML elements. I have several
different color variations of these styles in the text_n_colors.css
style sheet, but I will just illustrate the version that works with the
class lime here.
.lime #main_wrapper {background-color:#FFF;}
.lime #header {background-color:#507EA1;}
.lime #nav {background-color:transparent;}
.lime #content {background-color:#CFE673;}
.lime #promo {background-color:transparent;}
.lime #footer {background-color:#BFCCD6;}
.lime h1 {
color:#D6E2EC;
}
.lime h2 {
color:#000;
}
BUILDING WEB PAGES 247
.lime h3, .lime h5 {
color:#000;
}
.lime h4 {
color:#507EA1;
}
.lime h6 {
color:#507EA1;
}
.lime p {
color:#555;
}
.lime ul, .
Pages:
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289