Table of contents
1. Quickly generate HTML structure syntax
2. Quickly generate CSS style syntax
3. Vscode automatically formats the code
1. What is a compound selector
1.1 descendant selector (important)
1.3 Union selector (important)
2. Summary of compound selectors
Three, CSS element display mode
1. What is the element display mode
5. Display element mode summary
6. Element display mode conversion
7. Tips for vertical centering of single-line text
4. Background picture location
5. Fixed background image (background attachment)
6. Background composite writing
7. The background color is translucent
Five, the three major characteristics of CSS
2.1 Inheritance of line height
1. Emmet grammar
1. Quickly generate HTML structure syntax
2. Quickly generate CSS style syntax
3. Vscode automatically formats the code
bottom left settings
Two, CSS compound selector
1. What is a compound selector
1.1 descendant selector (important)
1.2 Sub-selector (important)
1.3 Union selector (important)
1.4 Pseudo-class selectors
1.4.1 Chaining pseudo-class selectors
demo:
1.4.2 focus pseudo-class selector
demo:
2. Summary of compound selectors
Three, CSS element display mode
1. What is the element display mode
2. Block elements
3. Inline elements
4. Inline block elements
5. Display element mode summary
6. Element display mode conversion
7. Small tool snipaste
7. Tips for vertical centering of single-line text
principle:
Fourth, the background of CSS
1. Background color
2. Background image
3. Background tiling
4. Background picture location
5. Fixed background image (background attachment)
6. Background composite writing
7. The background color is translucent
8. Background summary
Five, the three major characteristics of CSS
1. Cascading
2. Inheritance
2.1 Inheritance of line height
demo:
3. Priority
3.1 Priority Notes:
3.2 Weight superposition