Index
INDEX
264
images, headers with, 43–44
links, 112
block-level elements, 6–8
<blockquote> element, 51–59, 139
blogs, 258–260
<body class="index"> element, 249
<body> element, 74, 173, 180, 203, 244–252
bold class, 88
bold font, 86–88
books, 261
border attribute, 39
border-bottom property, 112
border-collapse property, 40–42
border-left element, 39
border:none; rule, 144
borders
backgrounds, 24
forms, 78–79
border-top element, 39
Bowman, Douglas, 258
box model problem, 199–202
<br /> (break) element, 4–7, 63–67, 124
braille media type, 168
bullets
custom, 10–11
numbered lists, 121
turning off, 9–10
validation, 6
C
Cameron Moll blog, 259
capitalization
drop caps, 213–214
small caps, 217
<caption> element, 32
captions, 31
cascade property, 156–157
Cascading Style Sheets. See CSS
CDATA comment syntax, 150
cite attribute, 52–53
<cite> element, 53, 89–91, 101
Clarke, Andy, 260
class attribute, 38, 138, 244
class labels, 137
class="quotation" declaration, 50
classified CSS, 135
clear property, 187, 193
clear: right; rule, 185
clickable area, 66
Code Creator, 97–99
<code> element, 89–95
collapse element, 40
456 Berea Street blog, 259
A
<a> element, 104–106, 235
abbr attribute, 36–37
<abbr> element, 89–99
accessibility, 30–32
accesskey attribute, 69–71, 80, 95
<acronym> element, 89–94
:active pseudo-class, 111, 114, 239
Adactio blog, 259
#advertising element, 172
aligning text, 214–215
alternate style sheets
DOM, 163
font sizing, 160–161
overview, 159–160
"alternate stylesheet" value, 160
anchors
options
<a> element with name attribute, 104–106
id and name attributes, 108
id attribute, 107
overview, 104
overview, 104
styling links
:active pseudo-class, 114
a:visited declaration, 113
backgrounds, 112
dotted borders, 112–113
Fitts' Law, 115–116
:hover pseudo-class, 113–114
IE6, 116
LoVe/HAte mnemonic, 114
overview, 111
title attribute, 110–111
#apples_tab element, 251
article page, 246–247
aural style sheet, 93
#author element, 55, 57
a:visited declaration, 113
B
<b> element, 19, 33
background property, 45–46, 54, 55, 125, 142, 224, 235
background:#ccc declaration, 46
background-color property, 115
background-image property, 55, 224–225, 239, 250
background-position property, 238
backgrounds
forms, 78–79
of headings, 23–25
INDEX
265
<dl> (definition list) element, 67, 125–126
Document Object Model (DOM) 163, 163
dotted borders, 112–113
drop caps, 213–214
drop class, 213
<dt> (term) element, 68, 125–126
e
em units, 209, 218
<em> element, 84–87, 101
embossed media type, 168
empty elements, 104
eXtensible HyperText Markup Language (XHTML), 28
external style sheets, 151–155
F
Fahrner Image Replacement (FIR)
advantages of, 227–228
assigning background, 226
disadvantages of, 227–228
extra element, 225
markup, 225
overview, 224–225
faux columns, 202–204
<fieldset> element, 69–76
Finck, Nick, 257
FIR. See Fahrner Image Replacement
Fitts' Law, 115–116
Flash, 230–232
float method, 186
float property, 181, 183, 187
floating content, 187–190
floating sidebar
overview, 181–182
styling headers and footers, 182–183
true columns, 183–185
<font> element, 158, 208
font-family attribute, 74, 210
fonts
bold and italic, 86–88
changing, 210–211
customizing with <label> element, 72–74
font-style property, 87, 95, 212
font-variant property, 217
#footer element, 182, 185–187, 247–248
for attribute, 65
<form> element, 72, 77, 139
forms
accesskey attribute, 70–71
options, 62–68
overview, 62
styling, 71–80
tabindex attribute, 69–70
columns
box model problem, 199–202
faux, 202–204
three-column layout, 196–197, 244–248
two-column layout, 180–195, 244–249
#content <div> element, 183–191
#content element, 136, 182, 192, 247–248
contrast, text, 219
CSS (Cascading Style Sheets)
adding numbers to, 128–129
alternate style sheets, 159–163
applying to documents, 150–158
assigning icons to IDs, 45–46
classified, 135
contextual, 136
headers with background images, 43–44
layouts
box model problem, 199–202
faux columns, 202–204
overview, 180
three-column layout, 196–197
two-column layout, 180–195
overview, 150
reset style sheets, 163–165
CSS Zen Garden website, 257
css-discuss mailing list, 257
custom numbers, 128
custom.css style sheet, 156
d
D. Keith Robinson blog, 260
<dd> (description) element, 67, 125–126
decimal value, 122
default.css style sheet, 160
definition list (<dl>) element, 67, 125–126
definition lists, 67–68
descendant selectors
applying to entire page, 136–137
contextual CSS, 136
easier maintenance, 137–138
overview, 134–136
description (<dd>) element, 67, 125–126
<dfn> element, 89
Digital Web Magazine, 257
display: block property, 115
display property, 172, 225–229, 235
<div class="quotation"> element, 50–51
<div> element
with classes attached, 50–51
combined with <span> element, 98–99
eliminating, 138–139
floating sidebars, 181–182
forms, 64–66
Dive Into Accessibility online book, 257
INDEX
266
image replacement
Fahrner Image Replacement, 224–228
image-tab rollovers, 236–241
Langridge Image Replacement, 228–229
logo swapping, 233–235
overview, 224
Phark Method, 229–230
replacing text with images, 224
Scalable Inman Flash Replacement, 230–231
<img> element, 26–27
@import rule, 152–155, 170
!important rule, 229
indenting, paragraphs, 218
index class, 248
index page, 247–248
inline quotations, 52–54
inline styles, 157–158
<input> element, 63, 71–72
input-bg.gif image, 79
Internet Explorer 6 (IE6), 116
italic font, 86–88
J
Jason Santa Maria blog, 259
Jeffrey Zeldman Presents: The Daily Report blog, 258
Jina Bolton blog, 259
Johansson, Roger, 259
K
<kbd> element, 89, 95
Keith, Jeremy, 259
kerning, 211–212
keywords, 21
L
<label> element
accesskey attribute, 70
customizing fonts, 72–74
forms, 65–66
lang attribute, 53
Langridge Image Replacement (LIR), 228–229
large.css style sheet, 160
larger.css style sheet 160, 160
layouts. See CSS
leading, 209–210
<legend> element
adding style to, 75
overview, 74
three-dimensional, 76–77
letter-spacing, 211–212
<li> element, 30, 138, 142, 238, 250
G
GIF layouts, 30
grids, creating, 39
<grocerylist> element, 31
H
<h1> through <h6> (heading) elements
CSS, 156–157
handling, 19–21
images, 225–226
negative letter-spacing, 212
handheld media type, 168
hCard example
Code Creator, 97–98
markup, 98–99
overview, 97
power of microformats, 99–100
<head> element, 150–157, 171
#header element, 181
headers
with background images, 43–44
customizing, 42
table, 33–36
headers attribute, 35, 44
heading class, 18
heading elements. See <h1> through <h6> elements
headings
methods, 18–21
overview, 18
styling, 22–27
height rule, 229
hi-fi styles, 155–156
hifi.css style sheet, 156
Holly Hack (* html hack), 116
horizontal navigation, 11–14
:hover pseudo-class, 111–114, 239
href attribute, 111, 138, 151
* html hack (Holly Hack), 116
<html> element, 150
hyperlinks. See links
I
icons
adding to lists, 125–126
assigning to ids, 44–47
id attribute
anchors, 107–108
assigning icons to, 44–47
borders, 145
headers, 35
ordered lists, 127–129
IE6 (Internet Explorer 6), 116

Get Web Standards Solutions: The Markup and Style Handbook, Special Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.