# CSS Crash Course Notes

The contents of this course are derived from the CSS Crash Course located on The Codevolution YouTube Page: [CSS Crash Course](https://www.youtube.com/watch?v=Icf5D3fEKbM&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7&index=2)

## Timestamps

00:00 Introduction \
00:26 Before we begin\
02:42 Setup\
04:20 What is CSS?\
05:20 How to add CSS?\
14:24 CSS selectors\
21:20 Color\
24:12 Styling text\
24:27 Font styles\
27:35 Text layout properties\
29:20 Styling lists\
31:13 CSS box model\
37:42 Cascade, specificity & inheritance\
46:41 Styling tables\
51:53 Display\
55:26 Position\
01:02:37 CSS units\
01:08:33 CSS math functions\

I found a lot of value in the crash courses when I was first beginning to code and took extensive notes as I followed along. So, in coder fashion, I made websites out of the content and depoyed them through [Netlify](https://app.netlify.com/)

I highly recommend checking out all of the Codevolution videos. Links to all of the crash courses are below. In addition, he has extensive videos on React.js, Next.js, Node.js, MongoDB, and more.

### [The Codevolution Channel](https://www.youtube.com/c/Codevolution)

### Crash Course Videos

- [HTML Crash Course](https://www.youtube.com/watch?v=N8YMl4Ezp4g&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7&index=1)
- [CSS Crash Course](https://www.youtube.com/watch?v=Icf5D3fEKbM&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7&index=2)
- [CSS Flexbox Crash Course](https://www.youtube.com/watch?v=z62f2k38s64&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7&index=3)
- [CSS Grid Crash Course](https://www.youtube.com/watch?v=p4Ith5qRM1g&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7&index=4)
- [JavaScript Crash Course](https://www.youtube.com/watch?v=XIOLqoPHCJ4&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7&index=5)
- [Advanced JavaScript Crash Course](https://www.youtube.com/watch?v=R9I85RhI7Cg&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7&index=6)
- [Asynchronous JavaScript Crash Course](https://www.youtube.com/watch?v=exBgWAIeIeg&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7&index=7)
- [React Fundmanentals Crash Course](https://www.youtube.com/watch?v=jLS0TkAHvRg&list=PLC3y8-rFHvwhuX4qGvFx-wPy_MEi6Jdp7&index=8)