4.1 The Rationale for CSS, and a Brief History4.2 Simple CSS Style Rules and Their Syntax4.3 The Placement of CSS Style Rules4.4 A Simple Example4.5 Some Basic CSS Markup: More on Selectors, Declarations, Properties, and Property Values4.6 Some Common Types of CSS Property Values and Their Formats4.6.1 Specifying Measurement Property Values4.6.2 Specifying Color Property Values4.6.3 The Important Takeaway from This Section4.7 CSS Style Sheet Structure, Comments, and Formatting4.8 The HTML class and id Attributes and the Non-Semantic HTML div and span Elements4.8.1 The HTML class and id Attributes (CSS class and id Selectors)4.8.2 The HTML div and span Elements4.8.3 Using Our Class Definitions4.9 Inheritance and the Cascade4.9.1 Inheritance4.9.2 The “Cascade” and Resolution of Style Conflicts4.9.3 Applying the Theory to Our Example4.10 Validating Our CSS Style Sheets4.11 The CSS Box Model and Simple CSS Page Layout4.11.1 The CSS Box Model: A Conceptual View4.11.2 The CSS Box Model: A Detailed Example4.11.3 Simple CSS Page Layout with float and clear via the “Legacy” Approach with div Elements4.11.4 Simple CSS Page Layout with float and clear via the “Modern” Approach with HTML5 Semantic Elements4.12 CSS Reset: A “Best Practice”4.13 Styling Our Nature’s Source Website with CSS (Four Versions, Illustrating CSS3, Simple “Responsive Design”, and the New HTML5 video Element)4.13.1 Version 1: A Simple Home Page Only4.13.2 Version 2: A Multipage Site with Menu and Footer4.13.3 Version 3: A Revision of Version 2 Incorporating Some CSS3 and Illustrating Simple “Responsive Design”4.13.4 Version 4: A Copy of Version 3 with the Home Page Image Replaced by a Home Page VideoSummaryQuick Questions to Test Your Basic KnowledgeShort Exercises to Improve Your Basic UnderstandingExercises on the Parallel ProjectWhat Else You May Want or Need to KnowReferences