CSS选择器的使用

一、兄弟选择器：
1、“选择器”~“选择器”：

上图中的部分css代码就用到了兄弟选择器。可以理解为选择了id为s的盒子下所有的id为sun的盒子。
2、“选择器”+“选择器”：

上图中的部分css代码就用到了兄弟选择器。可以理解为选择了id为s的盒子相邻的id为sun的盒子。
二、margin标签：可以设置文字水平居中，同时也可以设置上边框与父元素的距离。

上图中就用margin设置了id为da盒子在其对应的夫元素body盒子中水平居中并使其上边框距离body盒子100像素。
三、溢出“overflow”：超出容器部分叫溢出。
1、hidden：溢出隐藏；
2、Scroll：溢出滚动；
3、Visible：溢出可见（默认）。
四、定位“position”：
1、固定定位：fixed
2、相对定位：relative
3、绝对定位：absolute
4、清楚浮动的方法：
1.知道父级具体高度的时候，直接给父级设置高度
2.在浮动元素后面加换行标签，
(缺点:增加多余的标签)
3.在浮动元素后面加一个空标签，给空标签名一个class名字

设置样式 .chearbox{clear: both;}(缺点:增加多余的标签)
4.给父级设置样式display：inline-block；
5.给父级设置样式overflow（除visible)(缺点:不能设置margin：auto)
6.给父级设置为元素after，：：after{content：’’;display:block;clear:both}
这次的干货就先上这么多吧！