-
![[Buch Cover]](../covers/cssckbk2.s.gif)
- Weitere Informationen zu diesem Buch:
Inhaltsverzeichnis | Index | Kolophon | Rezensionen |
Beispiele |
- Weitere Informationen zu diesem Buch:
Second Edition November 2006
ISBN 978-0-596-52741-9
Weitere Informationen zu diesem Buch
Inhaltsverzeichnis |
Index |
Kolophon |
Rezensionen |
Beispiele |
Index
[ A ], [ B ], [ C ], [ D ], [ E ], [ F ], [ G ], [ H ], [ I ], [ J ], [ K ], [ L ], [ M ], [ N ], [ O ], [ P ], [ Q ], [ R ], [ S ], [ T ], [ U ], [ V ], [ W ], [ X ], [ Z ],
Symbols
!important rules, 76
specification, 76
:active (pseudo-class), 476
:after (pseudo-element), 476
:before (pseudo-element), 476
:first-child (pseudo-class), 475
:first-letter (pseudo-element), 476
:first-line (pseudo-element), 476
:focus (pseudo-class), 476
:hover (pseudo-class), 476
:lang (pseudo-class), 476
:link (pseudo-class), 475
::visited (pseudo-class), 475
@import method, 423
A[ Top ]
A List Apart: CSS Topics, 452
a selector, 4
absolute length units, 69
absolute positioning, 53
specification, 55
access keys, 247-248, 300
specification, 248
accessibility issues, 72
active pseudo-class, 237
specification, 238
Adjacent Sibling (selector), 475
adjacent sibling selectors, 16
Adobe Dreamweaver, 57
Adobe Dreamweaver web site, 395
after pseudo-element, 403
Ajax overview, 207
Alexander, Levin, 134
align text, 77
all media type, 43
alpha transparency, 137
alternate style sheets, 49
alternating background colors, 333
asymmetric layouts, 392
Attribute Selector (selector), 475
attribute selectors, 18
aural media type, 43
auto cursor property, 235
B[ Top ]
Babble List, 454
background image
multiple, 123
positioning on a web page, 120
repeating, 120
setting, 119
stationary, 125
background property, 218
background property (CSS 2.1), 459
background shorthand property, 48
background-attachment property, 125, 424, 458
specification, 128
background-color property, 458
background-image property, 105, 119, 129, 202, 458
background-position property, 88, 120, 254, 459
specification, 123
background-position-x (Microsoft proprietary extension, CSS 2.1), 469
background-position-y (Microsoft proprietary extension, CSS 2.1), 469
background-repeat property, 88, 119, 459
Backstage tutorial on multiple link colors web site, 232
blink text-decoration property, 229
block level elements
box model and, 25
block-level elements, 67
blockquote element, 90, 92, 93
BlueRobot.com Layout Reservoir, 452
Boodman, Aaron, 138
Boot Camp Apple application, 431
border models specification, 325
border property, 115, 197, 211, 323, 460
border shorthand property, 48
border-bottom property, 86, 459
border-bottom shorthand property, 48
border-bottom-color property, 460
border-bottom-style property, 460
border-bottom-width property, 460
border-collapse property, 333, 459
specification, 323
border-color property, 25, 459
border-left property, 91, 459
border-left shorthand property, 48
border-left-color property, 460
border-left-style property, 460
border-left-width property, 460
border-right property, 91, 459
border-right shorthand property, 48
border-right-color property, 460
border-right-style property, 460
border-right-width property, 460
borders, 186
box model and, 25
models (collapse and separate), 324
page, 197
setting, 323
border-spacing property, 459
border-style property, 25, 459
border-top property, 86, 459
border-top shorthand property, 48
border-top-color property, 460
border-top-style property, 460
border-top-width property, 460
border-width property, 460
bottom property, 460
Bowman, Doug, 46, 152
box model, 25-33, 421
Brain Jar, 33
hack, 422
interactive CSS Box Model web site, 33
bracket images, 94
braille media type, 43
Brain Jar box model, 33
breadcrumb navigation links, 248-251
browser archive web site, 432
BrowserCam, 456
BrowserCam screen capture service, 432
browsers
cursive font handling and, 67
bugs and browser issues, 429
bullet styles
circle, 209
decimal, 209
decimal-leading-zero, 210
disc, 209
hebrew, 210
hiragana, 210
hiragana-iroha, 210
katakana, 210
katakana-iroha, 210
lower-alpha, 210
lower-greek, 210
lower-latin, 210
lower-roman, 210
none, 210
square, 209
upper-alpha, 210
upper-latin, 210
upper-roman, 210
Butter, Richard, 75
C[ Top ]
Caio hack, 416
calendar example, 337-346
caption element selector, 326
caption specification, 326
caption style, 326
caption-side propert, 460
cascading style sheets (see CSS)
Cederholm, Dan, 157, 388, 453
cell padding, 323
cell spacing, 322
specification, 323
centering
elements on a web page, 191
vertically, 195
centering text, 76
Chassot, Caio, 416
Child (selector), 475
child elements and parent elements, 67
child selectors, 13
circle bullet style, 209
Clarke, Andy, 50
Class (selector), 475
class attribute, 233
class selectors, 9, 21-24, 96
specification, 24, 99
versus type selectors, 98
clear property, 460
clip property, 460
Clover, Andrew, 424
collapse model for borders, 324
collapsible menus, 256-258, 269
color property, 460
columns
faux, 388
columns displayed in any order, 371-391
comic book look and feel, 175
Comic Sans MS, 176
comments, 43
specification, 44, 427
Community MX's Basics of CSS Positioning, 451
conditional comments, 424
content property, 461
contextual menus, 258
contextual selector for styles, 326
contrast, checking for sufficient ratio of, 444
contrast, combining unlike elements to create, 440
contrast, leading the eye with, 441
counter-increment property, 461
counter-reset property, 461
crosshair cursor property, 235
CSS
official site, 455
properties, 24
CSS 2.1
properties, 458-468
background, 459
background-attachment, 458
background-color, 458
background-image, 458
background-position, 459
background-repeat, 459
border, 460
border-bottom, 459
border-bottom-color, 460
border-bottom-style, 460
border-bottom-width, 460
border-collapse, 459
border-color, 459
border-left, 459
border-left-color, 460
border-left-style, 460
border-left-width, 460
border-right, 459
border-right-color, 460
border-right-style, 460
border-right-width, 460
border-spacing, 459
border-style, 459
border-top, 459
border-top-color, 460
border-top-style, 460
border-top-width, 460
border-width, 460
bottom, 460
caption-side, 460
clear, 460
clip, 460
color, 460
content, 461
counter-increment, 461
counter-reset, 461
cursor, 461
direction, 461
display, 461
empty-cells, 461
float, 461
font, 462
font-family, 462
font-size, 462
font-style, 462
font-variant, 462
font-weight, 462
height, 462
left, 463
letter-spacing, 463
line-height, 463
list-style, 463
list-style-image, 463
list-style-position, 463
list-style-type, 463
margin, 464
margin-bottom, 464
margin-left, 463
margin-right, 463
margin-top, 464
max-height, 464
max-width, 464
min-height, 465
min-width, 465
orphans, 465
outline, 466
outline-color, 465
outline-style, 465
outline-width, 466
overflow, 466
padding, 466
padding-bottom, 466
padding-left, 466
padding-right, 466
padding-top, 466
page-break-after, 466
page-break-before, 466
page-break-inside, 466
position, 466
quotes, 466
right, 467
table-layout, 467
text-align, 467
text-decoration, 467
text-indent, 467
text-transform, 467
top, 468
unicode-bidi, 468
vertical-align, 468
visibility, 468
white-space, 468
widows, 468
width, 468
word-spacing, 468
z-index, 468
proprietary extensions, 469-473
Microsoft, 469-471
Mozilla, 471-473
CSS 2.1 Specification, 455
CSS Browser Support Charts, 454
CSS Float Property Tutorial, 452
CSS instruction, 451
CSS Selectors Tutorial, 452
CSS Style Switcher tutorial, 50
CSS Zen Garden, 452
CSS, designing with, 435-449
contrast, creating with unlike elements, 440
contrast, leading the eye with, 441
quotation, adding emphasis to, 446
text, enlarging, 435
unexpected incongruity, creating, 437
css-discuss, 454
CSS-Edge, 452
cursive font, 67
cursive font family, 66
cursor property, 235, 236
auto, 235
crosshair, 235
default, 235
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, 236
help, 236
move, 236
pointer, 236
progress, 236
specification, 236
text, 236
wait, 236
cursor property (CSS 2.1), 461
D[ Top ]
Dave Shea's Roadmap to Standards Essay, 451
Davidson, Mike, 136
Debian Linux and dual boot setup, 431
decimal bullet style, 209
decimal-leading-zero bullet style, 210
default cursor property, 235
Descendant (selector), 474
descendant selector for styles, 326
descendant selectors, 13, 418
descendent selectors specification, 260
design resources, 452
designing with CSS, 435-449
Dhakar, Lokesh, 205
direction property, 461
disc bullet style, 209
discussion groups, 454
display property, 83, 461
specification, 224, 332
DOCTYPEs, 191, 332
assigning, 455
declaration, 34
Document Type Definition (DTD), 332
document type definition (DTD), 33
document types (DOCTYPES), 33-36
Doubled Float-Margin Bug, 381
drop shadows behind an image, 164
smooth, 167
dynamic pseudo-classes specification, 231
E[ Top ]
Edwards, James, 50
elements
positioning, 53, 55
em units, 70, 72, 74
embossed media type, 43
empty-cells property (CSS 2.1), 461
emulators for multiple platform site design testing, 430
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize cursor property, 236
escaping characters specification, 215
extensions
CSS 2.1 proprietary, 469-473
external style sheets, 47
external styles, 36
F[ Top ]
Fahrner Image Replacement (FIR) method, 133, 253
Fahrner, Todd, 75, 133, 253
fantasy font family, 66
faux columns, 388
filter (Microsoft proprietary extension, CSS 2.1), 469
filter property, Microsoft, 139
first-letter pseudo-element, 79
specification, 80
first-line pseudo-element, 103
specification, 105
fixed (or absolute) type measurements, 71
fixed-width columns, 147
flags and finding rules in CSS files, 46
Flash
using to replace HTML text, 134
float model, 375, 390
float property, 92, 296, 352, 356, 461
float rule, 377
floats
specification, 52
with images, 50
font families
cursive, 66
fantasy, 66
monospace, 66
sans-serif, 66
serif, 66
font family property, 66
font measurements and size
specifying, 69
font property, 462
font shorthand property, 48, 85
specification, 85
font size
controlling across browsers and operating systems, 71-75
overriding control, 75
setting to zero or a negative value, 70
font sizes
specifying, 437
font-family property (CSS 2.1), 462
fonts
specifying, 66
font-size keywords, 73
font-size property, 69, 81
specification, 71
font-size property (CSS 2.1), 462
font-style property (CSS 2.1), 462
font-variant property (CSS 2.1), 462
font-weight property, 25
font-weight property (CSS 2.1), 462
forms, 270-321
access keys, creating visual indicators for, 300
buttons, styling, 282
designing a form without tables, 290
entering data into a spreadsheet application, 303-307
grouping common elements, 301
highlighting fields, 296
HTML text link that operates like a Submit button, 290
input elements, applying different styles to, 275
integrating form feedback, 297
tutorial, 299
login sample, 308-312
Macintosh-styled search field, 279
modifying the space around, 270
registration form, sample, 313-321
select and option elements, setting styles, 277-279
setting styles for input elements, 272-275
Submit button that looks like HTML text, 288
Submit-Only-Once button, setting up, 286
textarea elements, setting styles, 276
transforming one-column to two-column, 292
four-column layout with fixed-width columns, 369
four-column layout with flexible columns, 366
fragment identifiers, 265
Fulciniti, Alessandro, 160
full-bleed effect, 187
G[ Top ]
Ghaste, Amit, 50
GIF and JPEG images, combining, 142
Gilder/Levin image replacement technique, 109, 110, 131
Glish.com CSS Layout Techniques, 453
Goodman, Danny, 287
graphic treatment to HTML text, 109
Grouping (selector), 475
gutter, 383
H[ Top ]
h1 selector, 4
hack management system, 427
hacks, 415-434
handheld media type, 43
handheld.css, 39
hanging indents, 99, 225
paired, 101
headings
repeating image and, 87
stylized borders on, 86
stylized text, with, 84
hebrew bullet style, 210
height property, 462
Hello, world! example, 1
help cursor property, 236
hiding CSS rules from IE 5 for Macintosh, 426
highlighted text effect, 106
highlighting effect on a table row, 336
highlighting form fields, 296
hiragana bullet style, 210
hiragana-iroha bullet style, 210
Holzschlag, Molly, 429
horizontal rule
customizing, 199
hover pseudo-class, 116, 237, 336
specification, 238
hr elements, specification, 202
HTML 4.01
document types, 33
specification for DTD, 36
HTML 4.01 Specification, 455
HTML Dog CSS Properties web site, 25
html resources, 451
HTML text
replacing with Flash text, 134
HTML text link that operates like a Submit button, 290
HTML text over an image, 128
HTML text, replacing with an image, 131
HTML, using CSS with, 2-5
I[ Top ]
iCapture, 456
ID (selector), 475
ID selectors, 12, 21-24
specification, 24
image replacement specification, 134
images, 115-185
alpha transparency, 137
background image
positioning on a web page, 120
stationary, 125
background image, setting, 119
background images, multiple, 123
background images, repeating, 120
combining different formats into one presentation, 142
drop shadows behind an image, 164
smooth, 167
floats and, 50
HTML text
replacing with Flash text, 134
HTML text over an image, 128
inserting reflections automatically, 179-182
panoramic image presentation, 139
placing a border around an image, 115
protecting, 177-179
removing borders set on images by default, 117
replacing HTML text with, 131
rounded corners (mountaintop technique), 156-160
rounded corners, with JavaScript, 160-164
rounding corners in columns with flexible widths, 152
rounding corners with fixed-width columns, 147
scalable, 170
sprites, 182-185
word-balloon effects, 174-176
ime-mode (Microsoft proprietary extension, CSS 2.1), 469
indent property, 96
specification, 96
indenting paragraphs, 96
first line of, 95
indents, hanging, 99
inheritance, 67
specification, 69
initial cap, 78
image decoration and, 82
large, centered in paragraph, 80
inline styles, 36, 38
Inman, Shaun, 136, 391
input elements
setting styles, 272-275
Insert Title Web Design, 433
internal styles, 36
Internet Explorer 5 for Macintosh, hiding CSS rules from, 426
Internet Explorer 5.x for Windows, removing web page flicker from, 423
Internet Explorer 5.x, style workarounds, 418-422
Internet Explorer 6 for Windows, keeping background images stationary in, 423
Internet Explorer for Windows
running multiple versions, 432
Internet Explorer for Windows, using conditional comments to deliver styles, 424
J[ Top ]
JavaScript background image workaround, 424
JPEG and GIF images, combining, 142
K[ Top ]
Kaiser, Shirley E., 242
katakana bullet style, 210
katakana-iroha bullet style, 210
kerning, 113
Knoppix browser, 431
L[ Top ]
label element
specification, 292
Langridge, Stuart, 254
layering multiple images, specification, 125
layout-grid (Microsoft proprietary extension, CSS 2.1), 469
layout-grid-char (Microsoft proprietary extension, CSS 2.1), 469
layout-grid-line (Microsoft proprietary extension, CSS 2.1), 469
layout-grid-mode (Microsoft proprietary extension, CSS 2.1), 469
layout-grid-type (Microsoft proprietary extension, CSS 2.1), 469
Leahy, Seamus, 254
Leahy-Langridge Image Replacement (LIR) method, 254
left property, 463
length units
absolute, 69
relative, 70
letter spacing
specification, 114
letter-spacing property, 111, 114, 463
specification, 114
lightbox effect
adding, 203
Prototype JavaScript Framework and Scriptaculous, 204
slideshow, 206
line spacing
changing, 107
line-break (Microsoft proprietary extension, CSS 2.1), 469
line-height property, 108
specification, 109
line-height property (CSS 2.1), 463
line-through text-decoration property, 229
links
colors, changing, 231
colors, changing in different sections of a page, 232
cursors, changing, 235
fragment identifiers, 265
icon at end of inline, 233
rollover effect without using JavaScript, 237
tool tips, 260
underlining, removing, 228
links and navigation, 228-269
Linux
browser testing, 431
list-image-type property
specification, 216
lists, 208-227
custom image markers, 215
custom text markers, 213
default style, changing, 209
dividers between list items, 211
hanging indents, 225
indentation
cross-browser, 210
inline, 223
large custom image markers, 217
margin property specification, 211
moving markers inside, 226
numbering
specification, 209
padding specification, 211
rich imagery in presentations, 219
list-style property, 214, 217, 463
list-style shorthand property, 48
list-style-image property, 215, 463
list-style-position property, 226, 463
specification, 227
list-style-type property, 209, 463
login form, sample, 308-312
lower-alpha bullet style, 210
lower-greek bullet style, 210
lower-latin bullet style, 210
lower-roman bullet style, 210
Luminosity Contrast Ratio Analyser, 444
Lynx browser, 434
Lynx Viewer online emulator, 434
M[ Top ]
Macintosh browser testing, 431
managing CSS, 44
margin property, 186, 464
margin shorthand property, 49
margin-bottom property, 464
margin-left property, 210, 212, 463
margin-right property, 463
margins, 186
box model and, 25
eliminating page margins, 186
margin-top property, 464
max-height property, 464
max-width property, 464
specification, 141
McLellan, Drew, 137
media rules within the same style sheets, 39
media type
all, 43
aural, 43
braille, 43
embossed, 43
handheld, 43
print, 43
projection, 43
screen, 43
tty, 43
tv, 43
media types
using @import when assigning, 398
using @media when assigning, 398
menus
collapsible, 256-258, 269
contextual, 258
menus, building, 238
Meyer, Eric A., 75, 210, 452, 454
Microformats, 453
Microsoft
CSS 2.1 proprietary extensions, 469-471
proprietary extensions
background-position-x, 469
background-position-y, 469
filter, 469
ime-mode, 469
layout-grid, 469
layout-grid-char, 469
layout-grid-line, 469
layout-grid-mode, 469
layout-grid-type, 469
line-break, 469
overflow-x, 469
overflow-y, 469
scrollbar-3dlight-color, 469
scrollbar-arrow-color, 469
scrollbar-base-color, 470
scrollbar-darkshadow-color, 470
scrollbar-face-color, 470
scrollbar-highlight-color, 470
scrollbar-shadow-color, 470
text-autospace, 470
text-justify, 470
text-kashida-space, 470
text-underline-position, 470
word-break, 470
word-wrap, 470
writing-mode, 470
zoom, 471
Microsoft Expression Web Designer, 61
Microsoft Image toolbar, 178
min-height property (CSS 2.1), 465
min-width property (CSS 2.1), 465
monospace font family, 66
mountaintop technique, 156-160
move cursor property, 236
-moz-appearance (Mozilla proprietary extension, CSS 2.1), 471
-moz-background-clip (Mozilla proprietary extension, CSS 2.1), 471
-moz-background-inline-policy (Mozilla proprietary extension, CSS 2.1), 471
-moz-background-origin (Mozilla proprietary extension, CSS 2.1), 471
-moz-binding (Mozilla proprietary extension, CSS 2.1), 471
-moz-border-bottom-colors (Mozilla proprietary extension, CSS 2.1), 472
-moz-border-left-colors (Mozilla proprietary extension, CSS 2.1), 472
-moz-border-radius (Mozilla proprietary extension, CSS 2.1), 472
-moz-border-radius-bottomleft (Mozilla proprietary extension, CSS 2.1), 472
-moz-border-radius-bottomright (Mozilla proprietary extension, CSS 2.1), 472
-moz-border-radius-topleft (Mozilla proprietary extension, CSS 2.1), 472
-moz-border-radius-topright (Mozilla proprietary extension, CSS 2.1), 472
-moz-border-right-colors (Mozilla proprietary extension, CSS 2.1), 472
-moz-border-top-colors (Mozilla proprietary extension, CSS 2.1), 472
-moz-box-align (Mozilla proprietary extension, CSS 2.1), 472
-moz-box-direction (Mozilla proprietary extension, CSS 2.1), 472
-moz-box-flex (Mozilla proprietary extension, CSS 2.1), 472
-moz-box-orient (Mozilla proprietary extension, CSS 2.1), 472
-moz-box-pack (Mozilla proprietary extension, CSS 2.1), 472
-moz-box-sizing (Mozilla proprietary extension, CSS 2.1), 472
Mozilla
CSS 2.1 proprietary extensions, 471-473
proprietary extensions
-moz-appearance, 471
-moz-background-clip, 471
-moz-background-inline-policy, 471
-moz-background-origin, 471
-moz-binding, 471
-moz-border-bottom-colors, 472
-moz-border-left-colors, 472
-moz-border-radius, 472
-moz-border-radius-bottomleft, 472
-moz-border-radius-bottomright, 472
-moz-border-radius-topleft, 472
-moz-border-radius-topright, 472
-moz-border-right-colors, 472
-moz-border-top-colors, 472
-moz-box-align, 472
-moz-box-direction, 472
-moz-box-flex, 472
-moz-box-orient, 472
-moz-box-pack, 472
-moz-box-sizing, 472
-moz-image-region, 473
-moz-opacity, 473
-moz-outline, 473
-moz-outline-color, 473
-moz-outline-offset, 473
-moz-outline-radius, 473
-moz-outline-radius-bottomleft, 473
-moz-outline-radius-bottomright, 473
-moz-outline-radius-topleft, 473
-moz-outline-radius-topright, 473
-moz-outline-style, 473
-moz-image-region (Mozilla proprietary extension, CSS 2.1), 473
-moz-opacity (Mozilla proprietary extension, CSS 2.1), 473
-moz-outline (Mozilla proprietary extension, CSS 2.1), 473
-moz-outline-color (Mozilla proprietary extension, CSS 2.1), 473
-moz-outline-offset (Mozilla proprietary extension, CSS 2.1), 473
-moz-outline-radius (Mozilla proprietary extension, CSS 2.1), 473
-moz-outline-radius-bottomleft (Mozilla proprietary extension, CSS 2.1), 473
-moz-outline-radius-bottomright (Mozilla proprietary extension, CSS 2.1), 473
-moz-outline-radius-topleft (Mozilla proprietary extension, CSS 2.1), 473
-moz-outline-radius-topright (Mozilla proprietary extension, CSS 2.1), 473
-moz-outline-style (Mozilla proprietary extension, CSS 2.1), 473
MSDN Scrollbar Color Workshop, 191
N[ Top ]
navigation
breadcrumb links, 248-251
collapsible menus, 256-258, 269
contextual menus, 258
curved tab menu, 261
horizontal menus, building, 242-246
menu with access keys, 247-248
rollovers, image-based, 251-255
screen readers and, 253
text menus and rollovers, 238
navigation and links, 228-269
Netscape Navigator 4.x, isolating styles for, 416-418
Newhouse, Mark, 242, 453
Nielsen, Jakob, 228
Nifty Corners Cube solution, 160-164
keywords
all (default), 164
bl, 164
bottom, 164
br, 164
left, 164
right, 164
tl, 164
top, 164
tr, 164
none bullet style, 210
none text-decoration property, 229
nth-child pseudo-class selector specification, 336
O[ Top ]
one column page layout, 347
one-column form, transforming to two-column, 292
orphans property, 465
outline property, 466
outline-color property, 465
outline-style property, 465
outline-width property, 466
overflow property, 466
overflow-x (Microsoft proprietary extension, CSS 2.1), 469
overflow-y (Microsoft proprietary extension, CSS 2.1), 469
overline text-decoration property, 229
P[ Top ]
p selector, 4
padding concept, 28
padding property, 186, 323, 466
padding shorthand property, 49
padding specification, 211
padding-bottom property, 466
padding-left property, 210, 212, 466
padding-right property, 466
padding-top property, 466
page borders, 197
page elements, 186-207
page layouts, 347-395
algorithm, 387
asymmetric, 392
columns displayed in any order (floats), 371-391
float model, 375, 390
four-column layout with fixed-width columns, 369
four-column layout with flexible columns, 366
gutter, 383
one column, 347
three-column layout with fixed-width columns, 363
three-column layout with flexible columns, 360
two-column layout with columns, 349-355
two-column layout with fixed-width columns, 355-359
page-break-after property, 466
page-break-before property, 466
page-break-inside property, 466
panoramic images presentation, building, 139
paragraphs
indenting, 96
styling the first line, 103
with an image, 105
parent elements and child elements, 67
Pedrick, Chris, 457
Phark image replacement method, 134
pixels, 70
controlling typography across platforms and browsers, 72
Pixy method, 254
placeholder attribute, 280
placing a border around an image, 115
PNG files, alpha transparency and, 137
pointer cursor property, 236
position property, 367, 370, 393, 466
specification, 369
positioning elements, 53, 55
print media type, 43
print.css, 39
printer-friendly document example, 407-414
printer-friendly pages, creating, 397
printing, 396-414
printing URIs, 403
printing, setting page for black-and-white, 407
print-ready web forms, creating, 399
progress cursor property, 236
projection media type, 43
projection.css, 39
properties, 24
CSS 2.1 (see CSS 2.1, properties)
protecting images from theft, 177-179
Prototype Framework, 203
Prototype JavaScript Library overview, 207
pseudo-classes, 19
:active, 476
:first-child, 475
:focus, 476
:hover, 476
:lang, 476
:link, 475
:visited, 475
pseudo-element
:after, 476
:before, 476
:first-letter, 476
:first-line, 476
pseudo-elements, 19, 104, 448
pull quote
with borders, 91
with images, 93
pull quotes, 89
Q[ Top ]
quirks mode, browser quirks mode, 34
quotation, adding emphasis to, 446
quotations
specification, 449
quotes property, 466
R[ Top ]
Real World Style, 453
references, 454
reflections automatically inserted on images, 179-182
registration form sample, 313-321
relative length units, 70
relative positioning, 55
specification, 57
removing borders set on images by default, 117
removing space, 78
repeating images, 87
resources, 451-457
design, 452
discussion groups, 454
general html and css instruction, 451
references, 454
tools, 456
right property, 467
Robinson, Alex, 375
rollover effect without using JavaScript, 237
rollovers
image-based, 251-255
rounded corners
with JavaScript, 160-164
rounded corners (mountaintop technique), 156-160
rounding corners in columns with flexible widths, 152
rounding corners with fixed-width columns, 147
rubber-band technique, 264
Rundle, Mike, 133
Rutter, Richard, 74
S[ Top ]
Safari browser search field, 279
sans-serif font family, 66
scalable images, 170
Scalable Inman Flash Replacement (sIFR) technique, 134
screen media type, 43
screen readers, 253
screen.css, 39
Scriptaculous Effects JavaScript libraries, 203
scroll bars
colors, adjusting, 189
MSDN Scrollbar Color Workshop, 191
scrollbar-3dlight-color (Microsoft proprietary extension, CSS 2.1), 469
scrollbar-arrow-color (Microsoft proprietary extension, CSS 2.1), 469
scrollbar-base-color (Microsoft proprietary extension, CSS 2.1), 470
scrollbar-darkshadow-color (Microsoft proprietary extension, CSS 2.1), 470
scrollbar-face-color (Microsoft proprietary extension, CSS 2.1), 470
scrollbar-highlight-color (Microsoft proprietary extension, CSS 2.1), 470
scrollbar-shadow-color (Microsoft proprietary extension, CSS 2.1), 470
SelectORacle, 456
selectors
Adjacent Sibling, 475
adjacent sibling, 16
attribute, 18
Attribute Selector, 475
Child, 475
child, 13
Class, 475
class, 9, 21-24
Descendant, 474
descendant, 13
Grouping, 475
grouping, 99
ID, 12, 21-24, 475
Selectutorial, 21
specification, 21
Type, 474
type, 8
Universal, 474
universal, 15
westciv browser support, 21
selectors, using to apply styles, 5-21
Selectutorial, 21
separate model for borders, 325
serif font family, 66
shadow behind text, placing, 110
Shea, Dave, 234
shorthand properties, 47
background, 48
border, 48
border-bottom, 48
border-left, 48
border-right, 48
border-top, 48
font, 48
list-style, 48
margin, 49
padding, 49
specification, 49
shorthand property, 85, 197
SimpleQuizes, 453
single-pixel transparent GIFs, 177
Sleight script, alpha transparency and, 139
slideshow, 206
Sliding Doors technique, 152
space
removing between a heading and a paragraph, 78
spacing between letters and words within HTML text, adjusting, 111
span element, 80, 82, 109
span tag
unsemantic, 133
special characters
hexadecimal equivalents, 405
inserting before links in a print style sheet, 404
spreadsheet application, entering data into a form, 303-307
sprites, using to save bandwidth, 182-185
square bullet style, 209
star HTML hack, 421
strong element, 106
specification, 107
structure versus visual presentation, 65
style sheet files
organizing, 46
style sheets, 39-43
alternates and options, 49
for printing, 398
media rules, 39
organizing contents for easier management, 44
shorthand properties, 47
specification, 43
styles
associating to a web page, 36
dynamically change, 264-269
external, 36
inline, 36
internal, 36
specification, 38
Submit and Reset buttons, 282
Submit button, resembling HTML test, 288
Submit-Once-Only button, 286
T[ Top ]
tab menu bar, 246
table headers, style setting, 328
table-layout property, 467
tables, 322-346
alternating background colors in table rows, 333
borders, setting, 323
calendar example, 337-346
caption style, 326
cell padding, 323
cell spacing between the table border and cell borders, 322
gaps between table cells, removing, 332
gaps from images in table cells, removing, 330
highlighting effect on a table row, 336
styles for table headers, setting, 328
styles within cells, setting, 326
tables, designing web form without, 290
Tantek box model hack, 422
target pseudo-class, 267
specification, 269
testing site design with only one computer, 430
text
centering, 76
enlarging excessively, 435
justified alignment, 77
text cursor property, 236
text-align property, 25, 76, 77, 191, 467
specification, 77, 78
textarea elements, setting styles, 276
text-autospace (Microsoft proprietary extension, CSS 2.1), 470
text-decoration property, 229, 467
blink, 229
line-through, 229
none, 229
overline, 229
specification, 231
underline, 229
text-indent property, 81, 100, 133, 225, 467
specification, 82, 103, 226
text-justify (Microsoft proprietary extension, CSS 2.1), 470
text-kashida-space (Microsoft proprietary extension, CSS 2.1), 470
text-shadow property, 111
specification, 111
text-transform property, 467
text-underline-position (Microsoft proprietary extension, CSS 2.1), 470
th element selector, 329
three-column layout with fixed-width columns, 363
three-column layout with flexible columns, 360
tiling a background image, 120
title attribute specification, 260
tool tips, 260
tools, 456
top property (CSS 2.1), 468
tracking, 113
troubleshooting, 415-434
tty media type, 43
tv media type, 43
two-column layout with columns, 349-355
two-column layout with fixed-width columns, 355-359
Type (selector), 474
type selectors, 8, 98
type selectors specification, 328
type size
specifying, 69
typeface
specifying, 66
Typetester, 453
U[ Top ]
underline text-decoration property, 229
underlining, 228
unicode-bidi property, 468
Universal (selector), 474
universal selectors, 15
upper-alpha bullet style, 210
upper-latin bullet style, 210
upper-roman bullet style, 210
URIs (Uniform Resource Identifiers), displaying for print, 403
usability, 228
usability issues, 72
Usenet Stylesheets Newsgroup, 454
V[ Top ]
vertical centering, 195
vertical-align property, 468
Virtual PC for Mac, 431
visibility property, 468
visual presentation versus structure, 65
VMWare Workstation, 431
W[ Top ]
W3C
W3C Style Mailing List, 454
W3C full property table, 25
W3C HTML Validator, 456
W3C validators, 36, 456
W3C's CSS Page, 455
W3C's Recommended DTDs, 455
W3Schools Tutorial on CSS pseudo-classes web site, 232
wait cursor property, 236
Web Developer Browser Extension, 457
web forms
print-ready, 399
Web Page for Designers' CSS Tutorial, 451
web typography, 65-114
whitespace, 187
white-space property, 468
widows property, 468
width property, 92, 468
Wine, open source implementation of Windows API, 431
word-balloon effects, 174-176
word-break (Microsoft proprietary extension, CSS 2.1), 470
word-spacing property, 114, 468
specification, 114
word-wrap (Microsoft proprietary extension, CSS 2.1), 470
workarounds, 415-434
writing-mode (Microsoft proprietary extension, CSS 2.1), 470
www-style (W3C Style Mailing List), 454
X[ Top ]
x-height (ex) units, 70
XHTML, 33
XHTML 1.0 Specification, 455
Xyle Scope, 457
Z[ Top ]
z-index property, 468
zoom (Microsoft proprietary extension, CSS 2.1), 471
Zurück zu CSS Cookbook
