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 Friday, May 22, at 9:30 am.

Links and resources

• MDN CSS Basics
• CSS-Tricks Getting Started with HTML & CSS
• Rachel Andrew: How to Learn CSS
• CSS Diner
• MDN CSS Selectorss
• MDN CSS Reference
• 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, slides, and video from class

• class slides PDF
• kitten-in-boxes glitch exercise
• garden store with css example
• adorable kitten exercise with css example
• morning class video Access Password: 5o!%v#=*
• afternoon class video part 1 Access Password: 2g*%H68?
• afternoon class video part 2 Access Password: 2g*%H68?