Pro HTML5 and CSS3 Design Patterns

(avery) #1

INDEX


Blocks, 265
Background Bulleted, 274–275
Block Spacer, 284–285
Block Space Remover, 286–287
Collapsed Margins
CSS, 278
HTML, 278
padding and borders, 279
sibling blocks, 279
Horizontal Rule, 282–283
Inlined, 276–277
Left Marginal, 288–289
Lists
CSS, 272
faux marker, 273
HTML, 272–273
indent lists, 273
list-style-type property, 273
Right Marginal, 290–291
Run-in, 280–281
Section, 270–271
Structural Meaning, 266–267
Visual Structure
CSS, 268
horizontal rule design pattern, 269
positional styling, 268
styling exceptions, 268
Box Models, 81
Absolute Box
absolute element, 95
CSS, 94
HTML coding, 94
location, 95
margin and border, 95
Mozilla Firefox, 94
selector, 95
style, 95
width, 95
Block Box
border and padding, 91
CSS, 90
HTML coding, 90
location, 91
margin-left and-right, 91
margin-top and bottom push
blocks, 91
Mozilla Firefox, 90
normal flow, 91

overflow property, 91
selector, 91
styling, 91
terminal block, 91
Display
block element, 83
blocks, 83
CSS, 82
HTML coding, 82
list item, 83
Opera, 82
property, 83
types, 83
division class HTML code, 84
extents, 99
Height, 102– 103
Shrinkwrapped, 106– 108
Sized, 104– 105
Stretched, 108– 110
Width, 100– 101
Floated Box, 96–97
Inline Box
border, 87
CSS, 86
inline formatting context, 87
margin and line-height, 87
Mozilla Firefox, 86
padding, 87
selector, 87
span class coding, 86
Inline–Block Box
border and padding, 89
image class, 88
location, 89
margin, 89
Microsoft Internet Explorer, 88
replaced-box, 88
selector, 89
span class, 88
styling, 89
width and height, 89
properties, 85, 111
background, 120– 121
border, 114– 117
margin, 112– 113
overflow, 122– 123
padding, 118– 119
Free download pdf