外边距折叠现象--塌陷现象

场景：相互嵌套的 块级元素，子元素的margin-top会作用在父元素上。
结果：导致父元素一起往下移动。
解决方法：
1.给父元素设置border-top或者padding-top（分隔父元素的margin-top）
2.给父元素设置overflow-hidden
3.转为行内块元素
4.设置float

伪元素：一般在页面的非主体内容可以使用伪元素
伪元素和真实元素的区别：
元素：html设置的标签
伪元素：由css模拟出的标签效果

种类：
：：before
：：after
必须设置content属性才能生效
伪元素默认是行内元素