Thoroughly learn CSS-2 in one article

Thoroughly learn CSS-2 in one article

1. Background-related attributes (background)

1. Background color

2. Background image

3. Background tile

4. Background position

5. Continuous writing of background

Two, the three display methods of the label (important, will definitely!!)

1. Block-level elements

2. Elements in the line

3. Inline block elements

4. Conversion of three display modes

3. Line-height

Four, pseudo-class selector (understand)

A state of the selected element, and just find the element and disappear

1. Introduction to pseudo-class selector

2. Points to note about pseudo-class selectors

Five, a small summary of the centering method

1. Make the content of the label (text, picture, span) horizontally centered

2. Let the content of the label (text, image, span) be vertically centered

3. Make the box center itself horizontally

4. Make the box center itself vertically

Six, box model

A way of thinking (everything is a box, every label can be seen as a box)

1. The composition of the box model

2. Border (border-border-outer paper shell of the box)

3. Inner margin (padding-inner margin-bubble of the box)

4. Calculate the size of the box

5. Margin (margin-outer margin-the distance between the box and the box)

6. Clear the default inner and outer margins

7. Line-height (Supplementary Note)

1. The unit of row height

2. Concatenation of line height and font

8. Two special phenomena of margin (understand)

1. Marign's merger phenomenon

2. The collapse of margin (required for interviews and exams!)

Nine, floating

1. Floating first experience

2. Floating characteristics (understand)

3. Floating case

4. Clear float (clear the impact of float)

Additional labeling

Use overflow to clear floats

Use pseudo elements to clear floats

Set height

5. The meaning of floating

10. Expand

1. Regarding the use of padding and margin in the industry