css学习的第七天第八天

z-index提升选择器优先级。
定位：position：static默认/absolute绝对定位/relative相对定位/fixed固定定位/sticky粘性定位；
让一个元素在浏览器窗口上下左右居中
1.position：fixed；left：50%；top：50%；margin-left：元素宽的一半；margin-top：元素高的一半；子元素的宽高知道的时候。
2.Position：fixed；left：0；right：0；top：0；bottom：0；margin：auto；子元素宽高不确定时。
锚点的应用:a链接的地址就是id的名字前面需要加#。
宽高自适应：min-height最小高度
Min-height ie6不兼容，ie6默认把height解析成最小高度。
如果min-height和height同时出现执行height固定高度。
最小高度的兼容设置方法：
1.min-height：300px；_height:300px;
2.Min-height:300px;height:auto!important;height:300px;
A:高版本浏览器解析顺序：
Min-height能识别，也能识别！Important；所以height：auto；权重最高，height：auto就能把height：300px覆盖。
B：ie6解析流程：
Min-height不能识别，也不能识别！Important，后写的height：300px；能把height：auto覆盖;
过滤器：
1.下划线过滤器（ie6过滤器）
语法：_属性：属性值；只有ie6能识别带有下划线的属性。
2.！Important（ie6不识别）
语法：属性：属性值！Important；
3.属性过滤器
当在一个属性前面增加了后，该属性只能被ie7浏览器识别，其他浏览器忽略该属性的作用。语法：选择符{*属性：属性值；}
4.\9:ie版本识别；其他浏览器不识别。语法：选择符{属性：属性值\9；}
5.\0:ie8及以上版本识别；其他浏览器不识别。
高度塌陷：
出现的情况：当子元素有浮动，父元素没有高度的时候，父元素会出现高度塌陷
解决办法：
1.给出现高度塌陷的元素添加：overflow：hidden；
原理：触发BFC（因为BFC规定，计算高度浮动元素也参与计算）
弊端：会隐藏因为定位在当前元素外围的内容。
2.给浮动元素的下方（同级）添加div然后给div设置clear：both；
原理：clear清除浮动带来的影响，本身就是清除的意思
弊端：会多出一个div空标签形成代码冗余。
3.万能清除法：(clear:left;清除左浮动/clear:right;清除右浮动/clear:both;清除两边浮动)
.clear:after{
Content:””;
Clear:both;
Display:block;
Height:0;
Overflow:hidden;（不占位溢出隐藏）
Visibility:hidden;（占位隐藏）
}
.clear{
Zoom:1;
}（只针对ie浏览器时可以直接写 省略上面那么多的复杂属性）
伪对象选择符：
1.元素选择符：：after{content：”“；}在元素后面以css的形式添加内容（图片文字）
2.元素选择符：：before{content：”“；}在元素前面以css的形式添加内容
3.元素选择符：：first-letter{}控制第一个字的样式
4.元素选择符：：first-line{}控制第一行的样式