补充
一、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{}激活,鼠标点击的那一刻。
*备注:超链接伪类的四种状态顺序不能改变