Pro HTML5 and CSS3 Design Patterns

■ CONTENTS

vii

Selectors .......................................................................................................................... 23

Media Queries .................................................................................................................. 24

Flexible Units of Measure ................................................................................................ 25

Fixed Units of Measure .................................................................................................... 25

Ratios Between Units of Measure at 96 dpi ..................................................................... 26

Typical font-size Values at 96 dpi .................................................................................... 26

Transitions, Animations, and 2D Transformations ........................................................... 27

Troubleshooting CSS........................................................................................................ 28

Normalized Style Sheet ................................................................................................... 30

Chapter 2: HTML Design Patterns ............................................................................. 33

Chapter Outline ................................................................................................................ 33

HTML Structure ................................................................................................................ 34

HTML Structure ................................................................................................................ 37

XHTML .............................................................................................................................. 42

DOCTYPE .......................................................................................................................... 44

Header Elements .............................................................................................................. 46

Conditional Style Sheet .................................................................................................... 48

Structural Block Elements ............................................................................................... 50

Terminal Block Elements ................................................................................................. 52

Multi-purpose Block Elements ......................................................................................... 54

Inline Elements ................................................................................................................ 56

Class and ID Attributes .................................................................................................... 58

HTML Whitespace ............................................................................................................ 60

Chapter 3: CSS Selectors and Inheritance ................................................................ 63

Chapter Outline ................................................................................................................ 63

Type, Class, and ID Selectors .......................................................................................... 64

Position and Group Selectors ........................................................................................... 66

Attribute Selectors ........................................................................................................... 68

Pseudo-element Selectors ............................................................................................... 70

Pseudo-class Selectors ................................................................................................... 72

Subclass Selector ............................................................................................................ 74

Inheritance ....................................................................................................................... 76

Visual Inheritance ............................................................................................................ 78

Chapter 4: Box Models .............................................................................................. 81

Chapter Outline ................................................................................................................ 81

Display ............................................................................................................................. 82