Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Basic CSS

This playlist contains 43 interactive scrims.

Basic CSS

43 lessons 46 min

1. Change the Color of Text
1:14
2. Use CSS Selectors to Style Elements
2:06
3. Use a CSS Class to Style an Element
1:43
4. Style Multiple Elements with a CSS Class
0:45
5. Change the Font Size of an Element
1:15
6. Set the Font Family of an Element
0:39
7. Import a Google Font
1:16
8. Specify How Fonts Should Degrade
1:40
9. Size Your Images
1:25
10. Add Borders Around Your Elements
1:37
11. Add Rounded Corners with border-radius
0:30
12. Make Circular Images with a border-radius
0:18
13. Give a Background Color to a div Element
1:14
14. Set the id of an Element
0:46
15. Use an id Attribute to Style an Element
1:51
16. Adjust the Padding of an Element
0:57
17. Adjust the Margin of an Element
0:32
18. Add a Negative Margin to an Element
0:27
19. Add Different Padding to Each Side of an Element
0:45
20. Add Different Margins to Each Side of an Element
0:35
21. Use Clockwise Notation to Specify the Padding of an Element
1:12
22. Use Clockwise Notation to Specify the Margin of an Element
0:53
23. Use Attribute Selectors to Style Elements
2:26
24. Understand Absolute versus Relative Units
1:23
25. Style the HTML Body Element
0:39
26. Inherit Styles from the Body Element
1:18
27. Prioritize One Style Over Another
1:15
28. Override Styles in Subsequent CSS
1:11
29. Override Class Declarations by Styling ID Attributes
1:33
30. Override Class Declarations with Inline Styles
0:33
31. Override All Other Styles by using Important
0:51
32. Use Hex Code for Specific Colors
0:48
33. Use Hex Code to Mix Colors
0:57
34. Use Abbreviated Hex Code
1:00
35. Use RGB values to Color Elements
0:41
36. Use RGB to Mix Colors
1:30
37. Use CSS Variables to change several elements at once
1:13
38. Create a custom CSS Variable
0:36
39. Use a custom CSS Variable
1:02
40. Attach a Fallback value to a CSS Variable
0:45
41. Cascading CSS variables
1:15
42. Change a variable for a specific area
0:22
43. Use a media query to change a variable
0:53