Style Elements on a Web Page

LESSON 1. What is CSS?

1. CSS definition
2. The structure of a CSS rule
3. CSS value types

LESSON 2. Add styles to a web page

1. Workspace organization in VS Code
2. Adding inline styles
3. Adding internal styles
4. Adding external styles

LESSON 3. Simple CSS selectors

1. Selector definition
2. Selector function
3. Basic selector types

LESSON 4. Style a text on a web page

1. Workspace organization in VS Code
2. CSS properties for text styling
3. Text styling on a web page

LESSON 5. Complex CSS selectors

1. Complex selector definition
2. Structure of complex selector
3. Complex selector types

LESSON 6. Style a list on a web page

1. Workspace organization in VS Code
2. CSS properties for list styling
3. List styling on a web page

LESSON 7. Pseudo-selectors

1. Categories of pseudo-selectors
2. Pseudo-elements
3. Pseudo-classes

LESSON 8. Style a link on a web page

1. Workspace organization in VS Code
2. Styling link states
3. Vertical and horizontal navigation

LESSON 9. CSS cascade

1. CSS cascade
2. Specificity
3. Additional specificity rules

LESSON 10. Style an image on a web page

1. Workspace organization in VS Code
2. CSS properties for image styling
3. Image styling on a web page