css的小知识3

1.补充

margin的margin：0 auto；会解决元素的居中，前提是给这个元素设置width

2.css的层叠问题

css有两个性质

　　1.继承性

　　2.层叠性  选择器的一种选择能力，谁的权重大就选谁

　　　　A，选不中，走继承性，（font color text）继承性的权重是0

　　　　　　a）有多个父级都设置了就这样 走就近原则

　　　　B，选中了

　　　　　　a）权重的问题，权重大，就选谁的样式

　　　　　　b）权重相同，谁在后选择谁

　　　　　　c）纯标签和类没有可比性，纯类和id也没有可比性。

3，标准文档流

　　浏览器的排版是根据元素的特征（快和行级），从上往下，从左往右排版。这就是标准文档流。

　　浮动 folat:left/right;

　　效果：元素都加浮动，后面的元素会紧跟这前面的元素并排列。

A，只要加了float，这个元素就会脱离标准文档流。

第一个加了float，离了标准文档流，对于浏览器来说，第二个元素就变成了标准文档流中的第一个，于是就把他排在第一位。而第一个仍然存在，所以就会叠加。

行级加float

行级元素加了float，脱离标准流，块不像块，行不像行，能设置宽高，能并排排列。

Display就没有任何意思了。

B，浮动的元素会紧紧贴靠在一起

C，浮动的元素会文字环绕

拓展 使元素脱离标准流的方法

　　1.　浮动float

　　2.　绝对定位position：absolute；

　　3.　 固定定位positions：fixed；    fixed固定的

浮动带来的坏处

　　1，给元素加了浮动，撑不起父级的高度了

清除浮动的方法

　　1.给浮动的fu元素添加高度

　　2.给父级添加overflow：hiden；

　　3.给浮动元素的后面添加一个空的 div 添加样式为clear：both

　　4.给浮动元素的父级添加一个叫clearfix

　　这个类写的样式属性有

伪类选择器

　　只要选择器后面带；都可以说他是伪类选择器

　　a:link{}      a:hover{}　　a:visited{}         a:active{}　　a:after{}　　abefore{}

a的四种状态的顺序不能变

伪元素 和伪类选择器的区别

伪元素有两个冒号   如p::after{}    伪类选择器有一个冒号p:hover{}