CSS: The Basics

Overview of Phase

🗓️ 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: Free Code Camp intro to CSS

• READ: Rachel Andrew: How to Learn CSS
• DO: Cafe Menu Tutorial

🔖 References

Asking for Help in Slack

• This guidance is not to say, “don’t ask questions unless they are perfectly worded.” This is to help you get the help you need from your question and to help you develop the skill of asking questions.
• 

Getting Started with CSS

• MDN CSS Basics
• CSS-Tricks Getting Started with HTML & CSS

CSS Selectors & Properties

• MDN CSS Selectors
• MDN CSS Reference for Property Names
• Hacks for dealing with specificity
• HTML Colors Reference
• Coolors Color Palette Generator

Box Model

• The Box Model in CSS
• How Box Sizing Works

⭐️ EXTRA/TMI

• A Look Back at the History of CSS
• 58 bytes of css to look great nearly everywhere
• Coolors Color Palette Generator

🦉 Code & Notes

• CSS Basics notes
• Code pen CSS basics example from class