nth-child选择器
缺点：不会区分标签类型，会把所有相邻兄弟标签从1开始编号。
使用场景：适合在 同种类型 并且 连续相邻多个 的标签！！
- first-child 第一个兄弟标签
- last-child 最后一个兄弟标签
- nth-child(2n) 或者 even 偶数位置的兄弟标签
- nth-child(2n-1) 或者 2n+1 或者 odd 奇数位置的兄弟标签
- nth-child(3n) 3倍数位置上的标签
- ...
bth-of-type
优点:先找出同类型所有标签，再从1开始编号查找!
用法同nth-child 一致! ! ! !
适用场景:均可!
伪元素 由css设置
重点：
浮动布局float
名词解释：
文档流：就是代码运行生成的网页！
脱离文档流 就是不再受网页的约束，在网页上检测不到！
float属性有两个值！left和right！
- 注意：
- 向左或者向右浮动都会使标签脱离文档流，浮动的位置是参考父级，在父级左边或右边！
- 标签浮动会对下面的兄弟标签造成影响。
- 如果下面的兄弟标签想清除浮动的影响，就设置clear：both；
- 注意：
-
在浮动层上，是没有独占一行的特性；标签本身多大就占多大的位置；
-
浮动在网页开发中，是为了实现标签横向平铺的效果！！
浮动问题(清除浮动)：
兄弟之间、清除浮动问题，给相邻兄弟标签写clear:both;那么就会清除以上所有兄弟标签浮动造成的影响；（就不会被浮动标签盖住了）
父子之间，清除浮动问题，给父标签加overflow:hidden;
或者
父标签::after{ content:"";//不要写内容 display:block; clear:both; }
本质也是清除兄弟浮动影响，从而让此伪元素被父标签检测到，撑起父标签的高度！！！
网页布局:从底层到上层，从顶部到底部，从大到小;
注意:a标签的字体颜色，必须直接给a标签进行css设置! !
