9.14笔记

　　　　　　　　　　　　　                     　　　　　　　　　　　　　　补充　

一、margin会解决元素的居中，前提是给这个元素设置宽度。

二、CSS层叠的

 1.CSS有两个性质

　　（1）继承性  

　　（2）层叠性 选择器的选择能力，谁的权重大就选谁。 

　　　　a.选不中，走继承性（font，text color）继承性的权重是0， 多个父级设置了这样的格式走就近原则。

　　　　b.选中了

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

　　　　　　权重相同，谁在后选谁；

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

三、 标准文档流

　　含义：浏览器的排版是根据元素的特征（块和行级），从上往下，从左往右排版。

　　浮动：float：left/right

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

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

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

　　   行级加float，脱离标准流，块不像块，行不像行。能设置宽高，能并排排列 display就没有任何意义了

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

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

 **拓展：使元素脱离标准文档流的方法：

　　　　1.浮动 float

　　　　2.绝对定位：position-absolute

　　　　3.固定定位：position-fixed

*浮动带来的坏处：

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

*清除浮动：

　　1.给浮动的父级添加高度

　　2.给父级添加overflow：hidden

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

　　4.伪类选择器：只要选择器后面带“：” 都可以说他是伪类选择器

例如：

　　a:link{} 正常；a:visit{}访问过；a:hover{}鼠标悬浮；a:active{}激活，鼠标点击的那一刻。

*备注：超链接伪类的四种状态顺序不能改变