2021-11-12

1.2关于CSS样式的层叠性

当给相同的选择器设置相同的样式时，会遵循就近原则来执行= 

而这个盒子如果把border和border-top-color换位置的话这个三角就不会显示出来，所以在打代码时一定要注意CSS的层叠性。

2.margin负值的应用

有了margin负值可以让我们把两个盒子间的边框合并到一起

3.因为之前清除浮动学的不太好，复习了一下。

首先要明白清除浮动的本质是为了使清除浮动后父级会根据浮动的盒子自动检测高度，父级有了高度就不会影响下面的标准流了。

其次就是清除浮动的方法

1）可以在浮动元素后面加一个空的<div>也就是额外标签法

2）可以给父级元素和浮动的盒子添加overflow属性将属性值设置为hidden（常用）

3）给父级添加after伪元素

.clearfix{
    *zoom:1;
}
.clearfix:after{
    content:'clear';
    display:block;
    height:0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}