Introduction to CSS

Explore the core technology used for styling content on the web—CSS. Learn what CSS is capable of doing and the basics you need to make it work for you.

Introduction

• Time to learn some CSS

1. CSS Basics

• What is CSS?
• What are default browser styles?
• What is basic CSS lexicon?
• What are basic selector types?
• What are CSS combinators?
• How does CSS work with HTML?
• What options are available to write your styles?
• How do browsers render styles?

2. CSS Concepts

• Why CSS reset and normalize matter
• Working with fonts
• Understanding the box model
• Setting margins and padding
• Working with color
• Applying borders and backgrounds
• Understanding the units of measurement

3. A Closer Look at the Cascade

• Understanding cascading order
• Calculating specificity
• Considering the rule !important

4. Layouts

• Structuring a page with CSS
• Understanding how flexbox works
• Understanding how the CSS Grid works
• Understanding CSS frameworks
• Creating responsive layouts

5. Working with CSS

• Organizing your code
• Using browser inspection tools
• Using the "Can I use..." for a CSS property
• Validating your CSS with tools

Conclusion

• Learning more about CSS