Pro HTML5 and CSS3 Design Patterns

(avery) #1

INDEX


positive margin-left, 249
positive value, 249
structural block elements, 249
terminal block elements, 249
Vertical-aligned Content
ÁMjx, 255
baseline, 255
CSS, 254
em height, 255
ex height, 255
fontlines, 255
HTML, 254
inline content, 255
inline elements, 255
paragraph, 255
pattern, 255
span, 255
Vertical-offset Content
ÁMjx, 257
baseline, 257
CSS, 256
ems, 257
HTML, 256
inline elements, 257
pattern, 257
pixels, 257
positive values, 257
subscript/superscript effect, 257
CSS syntax, 8
backslash, 9
case-sensitive, 8
constant values, 9
CSS comment, 9
element names, classes and IDs, 9
multiple classes, 9
property values, 10–13
right curly brace (}), 9
rulesets, 9
semicolon, 9
string, 9
Unicode UTF-8, 8
whitespaces, 10
Cufón, 217

D, E

Design patterns, 2
Absolute design patterns, 4

Alerts (see Alerts)
background property, 2–3
baseline style sheets, 30–31
CSS
Animations, 27
and HTML links, 18
properties and values, 19, 21–23
Transitions, 27
96 dpi
font-size values, 26
ratios between units of measure, 26
2D Transformations, 27
fixed units of measure, 25
flexible units of measure, 25
Left Marginal design pattern, 6
Marginal Graphic Dropcap design
pattern, 6
media queries, 24
pattern name, 2
problems, 2
selectors, 23
simplicity and power, 2
solutions, 2
Text Replacement design pattern, 5
trade-offs, 2
troubleshooting CSS, 28–29
using Cascade Order (see Cascade
order)
using CSS syntax (see CSS syntax)
using HTML (see HTML design
patterns)
using style sheets, 7–8
Drop Caps, 427
Aligned, 428–429
First-letter, 430–431
Floating
CSS, 436
HTML, 436
negative and positive values, 437
trigger bugs, 437
Floating Graphical
CSS, 438
HTML, 438
text dropcap style, 439
text replacement design pattern, 439
Hanging, 432–433
Marginal, 440–441
Marginal Graphical
Free download pdf