CSS浮动

学习内容：

一. 结构伪类选择器

通过标签关系来找标签；
1.first-child；last；nth-child（n）；~
2.括号里可以填写公式：2n,2n+1,公式里n的取值从0开始；

二.伪元素

作用：装饰，用css模拟出的标签效果；
写法：：：before 在父元素最前面；
：：afte 最后面；
注意：要使用content，默认行内元素，宽高不生效。使用display：block可以生效；

三.浮动

1.标准流：要跟浮动，定位配合，是标签默认的排列方式；
2.浮动：
作用：网页布局，使块标签``能在一行排列；早期是图文环绕；
早期效果：

img{
            float: left;
        }

网页布局：

.one {
            float: right;
        }

3.特点：
01.相当于飘起来；
02.半覆盖；
03.浮动找浮动；
04.一行显示多个，且可以设置宽高；浮动后的标签具备行内块特点；
4.清除浮动
含义：清楚浮动带来的影响；
方法：1.给父类加高度；2.在父元素最后添加一个块级元素，clear：both；3.单伪元素清除法：4.双伪元素清楚法；5.给父类设置overflow：hidden；