9.14

Css有两个性质

继承性

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

选不中，走继承性，（font color text）继承性的权重有多个父级都设置了这样的样式 走就近原则

选中

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

权重相同，谁在后选择

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

3，标准文档流

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

文档流。

浮动 float:left/right;

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

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

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

行级加float

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

Display就没有任何意义了。

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

浮动的元素会文字环绕

使元素脱离标准流的方法

浮动 float

绝对定位position:absolute；

固定定位position:fixed;    fixed固定的

浮动带来的坏处

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

清除浮动

给浮动的父元素添加高度

给父级添加overflow:hidden;

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

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

 

伪类选择器

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

a:link{}  a:hover{}  a:visited{}  a:active{}  p:after{} p:before{}

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

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

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