CSS浮动的作用最开始是做图文环绕用的，后来用在网页布局上，使用CSS浮动代码的话就可以不用通过转换块级元素、行内块元素来实现网页布局了，总的来说比后这样要方便，但是转换元素的方法也得掌握。
元素显示模式转换
元素显示模式转换
目的：改变元素默认的显示特点，让元素符合布局要求
语法：
dispaly：block 转换成块级元素 使用较多
display：inline-block 转换成行内块元素 使用较多
display：inline 转换成行内元素 使用极少
CSS浮动
浮动的特点 （浮动的标签，顶对齐）
1.浮动元素会脱离标准流（简称：脱标），在标准流中不占位置
相当于从地面飘到了空中
2.浮动元素比标准流高半个级别，可以覆盖标准流中的元素
3.浮动找浮动，下一个浮动元素会在上一个浮动元素后面左右浮动
4.浮动元素有特殊的显示效果
一行可以显示多个
可以设置宽高
注意点：
浮动的元素不能通过text-align：center或者margin：0 auto
通过浮动来实现的网站导航和页面布局。
结构伪类基本用法
目标：能够使用结构伪类选择器在html中定位元素
1.作用与优势：
1.作用：根据元素在html中的结构关系查找元素
2.优势：减少对于html中类的依赖，有利于保持代码整洁
3.场景：常用于查找某父级选择器中的子元素
2.选择器
e:first-child {} 匹配父元素中第一个子元素，并且是e元素
e:last-child {} 匹配父元素中最后一个子元素，并且是e元素
e:nth-child(n) {} 匹配父元素中第n个子元素，并且是e元素
e:nth-last-child(n) {} 匹配父元素中倒数第n个子元素，并且是e元素
