一、补充
margin的 margin:0 auto;解决元素的居中,前提是给这个元素设置宽度。
二、css的两个性质
1: 继承性
2:层叠性 选择器的一种选择能力,谁的权重重大就选谁
选不中 走继承性。(font color text)
继承性的权重是0
被选中了,就看权重
权重大,就选谁的样式
权重相同时,谁在后面选择谁
纯标签和类没有可比性,纯类和id没有可比性
三、标准文档流
浏览器的排版是根据元素的特征(块和行级),从上往下, 从左到右排版,这就是标准文档流
浮动:float:left、right;
效果:1)元素都加浮动,后面的元素会紧跟这前面的元素并排排列。只要加了float这个元素就脱离了标准文档流。
2)浮动元素会紧紧贴靠在一起
3)浮动会形成文字环绕
拓展:使元素脱离标准文档流的方法?
1)浮动 float
2)绝对定位 position:absolute
3)固定定位 position:fixed
浮动的坏处:给元素的浮动撑不起父级的高度
四、清除浮动:
1: 给浮动的元素添加高度
2: 给父级添加 overflow:hidden
3: 给浮动元素的后面添加一个空的 div 添加样式为 <div style=“clear: both;”
4:给浮动元素的父级添加一个类叫clearfix