Thoroughly learn CSS-3 in one article

Thoroughly learn CSS-3 in one article

1. Points to note for floating elements

Insert picture description here

Second, the version of the heart

Insert picture description here

3. Positioning

Insert picture description here

1.static: static positioning (default type) (controversial)

Insert picture description here

2.relative: relative positioning (narcissistic)

Insert picture description here

3.absolute: absolute positioning (fighting type)

Insert picture description here
Insert picture description here

4.fixed: fixed positioning (dead-hearted)

Insert picture description here

5. Four positioning summary

Insert picture description here

Fourth, the level of elements (z-index)

Insert picture description here

Five, vertical-align (vertical alignment)

Insert picture description here

Six, overflow: overflow

Insert picture description here

Seven, the hidden difference of elements

Insert picture description here

8. Nesting relationship in html tags (standard)

Insert picture description here

Nine, attribute selector and structural pseudo-class selector

1. Attribute selector

Insert picture description here

2. Structural pseudo-class selector-child series

Insert picture description here

Guess you like

Origin blog.csdn.net/xiaotai1234/article/details/108529557