Learning CSS Basics

Chapter 1: Figuring Out the CSS Box Model

• Thinking Outside (but Also Inside) the Box Model
• A Brief Digression on Whitespace
• Adding Padding
• Putting a Border on It
• Manipulating Element Margins
• Styling Element Sizes

Chapter 2: Getting to Know the CSS Selectors

• Introducing Yourself to the Web Page Family
• What’s All This About a Selector?
• Learning the Standard Selectors
• Selecting Descendants, Children, and Siblings
• Selecting Elements by Attribute

Chapter 3: Pseudo School: Learning Pseudo-Classes and Pseudo-Elements

• Scratching Your Head Over Pseudo-Classes
• Getting Up to Speed with Pseudo-Elements

Chapter 4: Making CSS Make Sense

• Commenting Your CSS Code
• Using a CSS Reset
• Debugging CSS
• Popping the Hood: How Styles Get Applied

Chapter 5: Taking the Measure of CSS

• Getting Comfy with CSS Measurement Units
• Checking Out the Absolute Measurement Units
• Getting to Know the Relative Measurement Units
• Here’s Looking at View(port Measurement Units)
• Calculating with CSS

Chapter 6: Fancifying Pages with Colors and Backgrounds

• Specifying Colors in CSS
• Using Color to Spruce Up Your Text
• Styling an Element’s Background
• Impressing Your Friends with Color Gradients
• Setting Border Colors
• Playing with Colors in the Dev Tools

Chapter 7: Taking Your Text Up a Notch with Web Typography

• Taking Care of Your Text
• The Typographic Trinity: Setting Type Size, Line Height, and Line Length
• Applying Text Styles
• More Typographical Trickery
• Giving Your Links a Makeover
• Messing with Alignment