| Acknowledgments | p. xvii |
| Introduction | p. xix |
| A Painless Introduction to CSS | |
| HTML and CSS: Focus on the Similarities | p. 3 |
| A Brief History of HTML and CSS | p. 5 |
| HTML's Documentary Origins | p. 5 |
| HTML's Inherent Limitations | p. 5 |
| Workarounds and Extensions | p. 7 |
| CSS Develops Alongside of HTML | p. 8 |
| Why CSS Seems Difficult | p. 9 |
| Reasons to Learn CSS | p. 9 |
| Review HTML Terms and Page Structure | p. 11 |
| Create an HTML Sampler Page | p. 14 |
| CSS and HTML: Focus on the Similarities | p. 17 |
| Basic CSS Terminology | p. 17 |
| Basic CSS Syntax | p. 19 |
| Attaching Style Sheets | p. 20 |
| Create Style Sheets | p. 22 |
| Mastery Check | p. 24 |
| Understanding and Using Selectors | p. 27 |
| How Selectors Work | p. 28 |
| Types of Selectors | p. 28 |
| Understand Type Selectors | p. 29 |
| Understand Descendent Selectors | p. 29 |
| Understand Attribute Selectors | p. 31 |
| Understand Pseudo-Classes and Pseudo-Elements | p. 32 |
| Create an Unstyled Web Page | p. 33 |
| Work with Type Selectors | p. 37 |
| A List of Type Selectors | p. 37 |
| Basic Type Selector Syntax | p. 38 |
| Work with Descendent Selectors | p. 40 |
| Understand the HTML Document Tree | p. 40 |
| Using Descendent Selectors | p. 42 |
| Apply Type and Descendent Selectors | p. 44 |
| Work with Attribute Selectors | p. 47 |
| Class Selectors | p. 47 |
| ID Selectors | p. 48 |
| Work with Pseudo-Classes and Pseudo-Elements | p. 51 |
| Understand Pseudo-Classes and Pseudo-Elements | p. 51 |
| Recognizing Pseudo-Classes and Pseudo-Elements | p. 53 |
| Apply Class, ID, and "Pseudo" Selectors to Constitution.htm | p. 54 |
| Mastery Check | p. 59 |
| Surveying CSS Properties | p. 61 |
| Understand Properties and their Functions | p. 62 |
| Understand Properties | p. 62 |
| Five Categories of Properties | p. 63 |
| Construct an HTML Practice Page | p. 70 |
| Working with Properties | p. 74 |
| Control Text Arrangement with Text Properties | p. 74 |
| Modify Fonts with Font Properties | p. 78 |
| Add Color with Color/Background Properties | p. 80 |
| Position Elements with Box Properties | p. 83 |
| Control Display with Classification Properties | p. 86 |
| Add More Style to Fred's Travel Adventures | p. 88 |
| Mastery Check | p. 93 |
| Applying Values | p. 95 |
| Understand Values and Their Importance | p. 96 |
| Different Value Types | p. 98 |
| Specific Values | p. 98 |
| URL Values | p. 100 |
| Percentage Values | p. 101 |
| Color Values | p. 102 |
| Measurement Units | p. 102 |
| Absolute vs. Relative Units | p. 105 |
| Simplifying Color Values | p. 106 |
| Understand Additive Color Mixing | p. 106 |
| Easy Color Mixing | p. 108 |
| Alternative Color Values | p. 110 |
| Simplifying Measurement Units | p. 112 |
| Create a Color Table | p. 112 |
| Mastery Check | p. 119 |
| Understanding Cascade and Inheritance | p. 121 |
| Understand Inheritance | p. 122 |
| How Inheritance Works | p. 122 |
| Non-Inherited Properties | p. 125 |
| Forcing Inheritance | p. 126 |
| Determining Specificity | p. 127 |
| How to Understand Specificity | p. 127 |
| How to Calculate Specificity | p. 128 |
| How to Use Specificity | p. 129 |
| The limportant Declaration | p. 129 |
| Understand the limportant Declaration | p. 130 |
| How to Use limportant | p. 131 |
| Understand the Cascade | p. 133 |
| Competing Style Sheets | p. 134 |
| Sort Out Style Sheets | p. 135 |
| Experiment with Conflicting Styles and limportant | p. 137 |
| Mastery Check | p. 143 |
| Exploring the CSS Toolbox | |
| Working with Font Properties | p. 147 |
| CSS and Browser Compatibility | p. 148 |
| Use "Safe" Properties and Values | p. 150 |
| Test Your Pages | p. 151 |
| Create Alternate Style Sheets | p. 151 |
| Typewriters to Desktop Publishing | p. 152 |
| The Web, [left angle bracket]font[right angle bracket], and HTML | p. 153 |
| The Problem with HTML's [left angle bracket]font[right angle bracket] Element | p. 153 |
| The Advantages of CSS Font Properties | p. 154 |
| CSS 1 Font Properties | p. 155 |
| The font-family Property | p. 155 |
| The font-size Property | p. 158 |
| The font-style Property | p. 163 |
| The font-variant Property | p. 164 |
| The font-weight Property | p. 166 |
| The font: Shorthand Property | p. 171 |
| CSS 2 Font Properties | p. 172 |
| The font-stretch Property | p. 172 |
| The font-size-adjust Property | p. 173 |
| Applying Font Properties | p. 173 |
| Mastery Check | p. 180 |
| Work with Text Properties | p. 181 |
| What Font Properties Do | p. 182 |
| What Text Properties Do | p. 182 |
| The CSS Text Properties | p. 183 |
| Experiment with Text Properties | p. 184 |
| Working with Text Properties | p. 187 |
| The Word-Spacing Property | p. 187 |
| The Letter-Spacing Property | p. 189 |
| The Text-Decoration Property | p. 190 |
| The Vertical-Align Property | p. 193 |
| The Text-Align Property | p. 196 |
| The Text-Transform Property | p. 197 |
| The Text-Indent Property | p. 198 |
| The Line-Height Property | p. 201 |
| The Text-Shadow Property (CSS2) | p. 203 |
| Create a Font Sampler | p. 204 |
| Mastery Check | p. 210 |
| Applying Color and Background Properties | p. 211 |
| Add Color and Images | p. 212 |
| CSS Overcomes HTML's Limitations | p. 213 |
| The Color Property | p. 214 |
| The Background-Color Property | p. 216 |
| The Background-Image Property | p. 218 |
| Add Colors and a Background Image | p. 221 |
| Control Image Placement and Attachment | p. 224 |
| The Backround-Repeat Property | p. 224 |
| The Background-Attachment Property | p. 228 |
| The Background-Position Property | p. 229 |
| The background: (shorthand) Property | p. 233 |
| Apply Background Properties | p. 234 |
| Mastery Check | p. 239 |
| Using Box Properties | p. 241 |
| Understand the Box Model | p. 242 |
| HTML Tables and the Box Model | p. 242 |
| Box Model Basics | p. 244 |
| Work with the Box Model | p. 249 |
| The Box Properties | p. 251 |
| The Margin Properties | p. 251 |
| The Padding Properties | p. 256 |
| The Border Properties | p. 259 |
| Playing with the Box Properties | p. 267 |
| Mastery Check | p. 270 |
| Applying the Descriptive Properties | p. 271 |
| Understand the Descriptive Properties | p. 272 |
| Descriptive Properties and HTML | p. 272 |
| Descriptive Properties and XML | p. 273 |
| Descriptive Properties and Browser Compatibility | p. 274 |
| The Display Property | p. 276 |
| The display Property in CSS 1: Element Behavior Control | p. 276 |
| The display Property in CSS 2: Heading-Related Values | p. 278 |
| Table-Related Values | p. 281 |
| Experiment with Display | p. 283 |
| Project Summary | p. 286 |
| The Other Descriptive Properties | p. 287 |
| The white-space Property | p. 287 |
| The list-style-type Property | p. 290 |
| The list-style-image Property | p. 294 |
| The list-style-position Property | p. 295 |
| The list-style Property | p. 296 |
| Create a Nested List | p. 298 |
| Mastery Check | p. 302 |
| Designing with CSS | |
| The Visual Model | p. 305 |
| Understand the Visual Model | p. 306 |
| Box Generation | p. 306 |
| Box Dimensions | p. 311 |
| The Width and Height Properties | p. 315 |
| The min-width and max-width Properties (CSS 2) | p. 316 |
| The Min-Height and Max-Height Properties (CSS 2) | p. 317 |
| Simple Layout with Float and Clear (CSS 1) | p. 318 |
| The Float Property | p. 318 |
| The Clear Property | p. 322 |
| Create a Simple Layout with Float and Clear | p. 323 |
| Element Positioning (CSS 1) | p. 327 |
| Positioning Schemes | p. 327 |
| The Position Property | p. 331 |
| The Top, Right, Bottom, and Left Properties | p. 332 |
| Playing with Blocks | p. 332 |
| Mastery Check | p. 337 |
| CSS Visual Effects | p. 339 |
| Understand Overflow and Clip | p. 340 |
| The Overflow Property | p. 340 |
| The Clip Property | p. 346 |
| Control Visibility and Layering | p. 351 |
| The Visibility Property | p. 351 |
| The z-Index Property | p. 354 |
| Understand Dynamic HTML | p. 356 |
| Create a Dynamic Web Page | p. 359 |
| Mastery Check | p. 366 |
| CSS and Site Design | p. 367 |
| Understand Good Web Design | p. 368 |
| Web Site Planning | p. 368 |
| Web Site Design | p. 369 |
| Plan a Web Site | p. 375 |
| Design with Stylesheets | p. 376 |
| Creating "Lean" Stylesheets | p. 376 |
| Creating "Legible" Stylesheets | p. 378 |
| Experiment with CSS Layouts | p. 380 |
| Develop "Crash-Proof" Pages | p. 385 |
| Well-Formed HTML Documents | p. 385 |
| Valid HTML Documents | p. 387 |
| Valid CSS | p. 389 |
| Design for Cross-Browser Compatibility | p. 390 |
| Compatibility Options | p. 390 |
| Compatibility Resources | p. 393 |
| Mastery Check | p. 395 |
| Advanced CSS | p. 397 |
| Understand CSS 2 | p. 398 |
| CSS 1 Property Categories | p. 398 |
| CSS 2 Models and Property Categories | p. 399 |
| Advanced CSS and the Beginner | p. 400 |
| Understand Advanced Selectors | p. 401 |
| The Universal Selector | p. 402 |
| Advanced Descendent Selectors | p. 402 |
| Attribute Selectors | p. 405 |
| Pseudo-Classes and Pseudo-Elements | p. 406 |
| Experiment with Advanced Selectors | p. 410 |
| Advanced Properties | p. 414 |
| Aural Style Sheets | p. 414 |
| User Interface Properties | p. 415 |
| Paged Media | p. 416 |
| Font Specification Properties | p. 417 |
| CSS 2 Resources | p. 418 |
| Mastery Check | p. 420 |
| Appendixes | |
| Answers to Mastery Checks | p. 423 |
| HTML and CSS: Focus on the Similarities | p. 424 |
| Understanding and Using Selectors | p. 424 |
| Surveying CSS Properties | p. 425 |
| Applying Values | p. 425 |
| Understanding Cascade and Inheritance | p. 426 |
| Working with Font Properties | p. 427 |
| Work with Text Properties | p. 428 |
| Applying Color and Background Properties | p. 428 |
| Using Box Properties | p. 429 |
| Applying the Descriptive Properties | p. 430 |
| The Visual Model | p. 431 |
| CSS Visual Effects | p. 432 |
| CSS and Site Design | p. 432 |
| Advanced CSS | p. 433 |
| CSS 1 Quick Reference | p. 435 |
| HTML Selectors | p. 436 |
| Pseudo-Class Selectors | p. 436 |
| Pseudo-Element Selectors | p. 437 |
| Font Properties | p. 437 |
| Text Properties | p. 437 |
| Margin Properties | p. 438 |
| Padding Properties | p. 438 |
| Border Style Properties | p. 439 |
| Border Width Properties | p. 439 |
| Border Color Properties | p. 440 |
| Border Properties | p. 440 |
| Color / Background Properties | p. 441 |
| Descriptive Properties | p. 441 |
| Positioning and Visual Effects Properties | p. 442 |
| Index | p. 443 |
| Table of Contents provided by Syndetics. All Rights Reserved. |