CSS: The Basics

Today’s topics

• Styling HTML with CSS
• CSS syntax: selectors, properties, values; shorthand properties
• Working with color, text and font properties, and backgrounds
• The box model, margin, and padding
• Units of measurement

Project

Build a Dog Adoption website

Link to the assignment invitation

This assignment is due on Monday, Sept 14, at 9:30 am.

Links and resources

• MDN CSS Basics
• CSS-Tricks Getting Started with HTML & CSS
• Rachel Andrew: How to Learn CSS

CSS Selectors & Properties

• CSS Diner
• MDN CSS Selectors
• MDN CSS Reference for Property Names

Box Model

• The Box Model in CSS
• How Box Sizing Works

⭐️EXTRA/TMI

• A Look Back at the History of CSS
• Hacks for dealing with specificity
• 58 bytes of css to look great nearly everywhere

Code & Videos from class

• Garden store with css
• CSS notes
• Morning class video Access Passcode: a^i0wPdc
• Afternoon class video Access Passcode: sx4*5wkP