CSS in 100 Seconds

Cascading Style Sheets or CSS is the language that makes HTML websites look pretty. Learn how concepts like cascade, specificity, inheritance, and the box model influence the appearance of a webpage https://fireship.io/tags/css/

#css #webdev #100SecondsOfCode

The sequel to HTML in 100 Seconds https://youtu.be/ok-plXXHlWw

🔗 Resources

CSS Docs https://developer.mozilla.org/en-US/docs/Web/CSS
Flexbox in 100 Seconds https://youtu.be/K74l26pE4YA
Grid Layout in 100 Seconds https://youtu.be/uuOXPWCh-6o
CSS Animation https://codepen.io/ainalem/pen/oNxXRgW

🔥 Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is CSS?
- How does CSS cascade?
- What is specificity in CSS?
- CSS Box Model explained
- CSS for absolute beginners
- What is CSS used for?
- When was CSS3 created?
- Will there be a CSS4?