Pro HTML5 and CSS3 Design Patterns

(avery) #1

■ CONTENTS


xii


Using Column Layouts ................................................................................................... 354
Chapter Outline .............................................................................................................. 354
Column Width ................................................................................................................ 3 56
Shrinkwrapped Columns................................................................................................ 358
Sized Columns ............................................................................................................... 360
Content-Proportioned Columns ...................................................................................... 362
Size-Proportioned Columns ........................................................................................... 364
Percentage-Proportioned Columns ................................................................................ 366
Inverse-Proportioned Columns ...................................................................................... 368
Equal Content-Sized Columns ....................................................................................... 370
Equal-Sized Columns ..................................................................................................... 372
Undersized Columns ...................................................................................................... 374
Flex Columns ................................................................................................................. 376
Mixed Column Layouts ................................................................................................... 378

Chapter 17: Layouts ................................................................................................ 381


Chapter Outline .............................................................................................................. 381
Fluid Layout Overview.................................................................................................... 382
Outside-in Box ............................................................................................................... 384
Floating Section ............................................................................................................. 388
Float Divider ................................................................................................................... 390
Fluid Layout ................................................................................................................... 392
Opposing Floats ............................................................................................................. 394
Event Styling .................................................................................................................. 396
Rollup ............................................................................................................................. 398
Tab Menu ....................................................................................................................... 402
Tabs ............................................................................................................................... 406
Flyout Menu ................................................................................................................... 410
Button ............................................................................................................................ 414
Layout Links ................................................................................................................... 418
Multi-column Layout ...................................................................................................... 420
Template Layout ............................................................................................................ 42 2
Layout Example ............................................................................................................. 424

Chapter 18: Drop Caps ............................................................................................ 427


Chapter Outline .............................................................................................................. 427
Aligned Drop Cap ........................................................................................................... 428
First-Letter Drop Cap ..................................................................................................... 430
Free download pdf