The Missing Credits
Introduction
Part 1: CSS Basics
1. HTML and CSS
-HTML: Past and Present
-Writing HTML for CSS
-The Importance of the Doctype
-How CSS Works
2. Creating Styles and Style Sheets
-Anatomy of a Style
-Understanding Style Sheets
-Internal Style Sheets
-External Style Sheets
-Tutorial: Creating Your First Styles
3. Selectors: Identifying What to Style
-Type Selectors: Styling HTML Tags
-Class Selectors: Pinpoint Control
-ID Selectors: Specific Page Elements
-Styling Groups of Tags
-Styling Tags Within Tags
-Pseudo-Classes and Pseudo-Elements
-Attribute Selectors
-Child Selectors
-Siblings
-The :target Selector
-The :not() Selector
-Tutorial: Selector Sampler
4. Saving Time with Style Inheritance
-What Is Inheritance?
-How Inheritance Streamlines Style Sheets
-The Limits of Inheritance
-Tutorial: Inheritance
5. Managing Multiple Styles: The Cascade
-How Styles Cascade
-Specificity: Which Style Wins
-Controlling the Cascade
-Tutorial: The Cascade in Action
Part 2: Applied CSS
6. Formatting Text
-Using Fonts
-Using Web Fonts
-Discovering Google Web Fonts
-Adding Color to Text
-Changing Font Size
-Formatting Words and Letters
-Adding Text Shadow
-Formatting Entire Paragraphs
-Styling Lists
-Tutorial: Text Formatting in Action
7. Margins, Padding, and Borders
-Understanding the Box Model
-Controlling Space with Margins and Padding
-Adding Borders
-Coloring the Background
-Creating Rounded Corners
-Adding Drop Shadows
-Determining Height and Width
-Wrapping Content with Floating Elements
-Tutorial: Margins, Backgrounds, and Borders
8. Adding Graphics to Web Pages
-Discovering CSS and the <img> Tag
-Adding Background Images
-Controlling Repetition
-Positioning a Background Image
-Using Background Property Shorthand
-Using Multiple Background Images
-Utilizing Gradient Backgrounds
-Tutorial: Enhancing Images
-Tutorial: Creating a Photo Gallery
-Tutorial: Using Background Images
9. Sprucing Up Your Site’s Navigation
-Selecting Which Links to Style
-Styling Links
-Building Navigation Bars
-CSS-Style Preloading Rollovers
-Styling Particular Types of Links
-Tutorial: Styling Links
-Tutorial: Creating a Navigation Bar
10. CSS Transforms, Transitions, and Animations
-Transforms
-Transitions
-Animations
-Tutorial
11. Formatting Tables and Forms
-Using Tables the Right Way
-Styling Tables
-Styling Forms
-Tutorial: Styling a Table
-Tutorial: Styling a Form
Part 3: CSS Page Layout
12. Introducing CSS Layout
-Types of Web Page Layouts
-How CSS Layout Works
-Layout Strategies
13. Building Float-Based Layouts
-Applying Floats to Your Layouts
-Overcoming Float Problems
-Tutorial: Multiple-Column Layouts
14. Positioning Elements on a Web Page
-How Positioning Properties Work
-Powerful Positioning Strategies
-Tutorial: Positioning Page Elements
15. Responsive Web Design
-Responsive Web Design Basics
-Setting Up a Web Page for RWD
-Media Queries
-Flexible Grids
-Fluid Images
-Responsive Web Design Tutorial
16. Using a CSS Grid System
-How Grids Work
-Structuring Your HTML for Grids
-Using the Skeleton Grid System
-Creating and Naming Columns
-Tutorial: Using a Grid System
17. Modern Web Layout with Flexbox
-Introducing Flexbox
-Flex Container Properties
-Flex Item Properties
-Tutorial: Build a Flexbox Layout
Part 4: Advanced CSS
18. Improving Your CSS Habits
-Adding Comments
-Organizing Styles
-Eliminating Browser Style Interference
-Using Descendant Selectors
19. More Powerful Styling with Sass
-What is Sass?
-Installing Sass
-Sass Basics
-Organizing Your Styles with Sass Partials
-Sass Variables
-Nesting Selectors
-Inheriting (or Extending) Properties
-Mixins
-Working with Media Queries
-Troubleshooting with CSS Source Maps
Part 5: Appendixes
Appendix A: CSS Property Reference
Appendix B: CSS Resources
Index
