补充 margin的margin:0 auto;网页居中
css层叠的问题
css有两个性质
1继承性
2层叠性
选择器的一种选择能力 权重 谁的权重大就选谁
选不中,走继承性 权重0 有多个父级都设置了样式,走就近原则
选中,权重大就选谁,相同谁在后选谁
纯标签与类没有可比性纯类与id也没有可比性
标准文档流 浏览器的排版是根据元素的特征(块级)从上往下,从左往右
浮动float 只要加了float,这个元素会脱离标准文档流
行级元素加了float脱离标准流能设置宽高能排序
display没有任何意义 浮动的元素会紧紧环绕 浮动的元素会紧紧靠帖
扩展
float浮动是元素脱离标准流的方法
绝对定位position:absolute;
position固定定位fix固定的;
浮动带来的坏处
给元素家浮动,撑不起父级的高度
清除浮动
1 给浮动的元素添加高度;
2给父级添加overflow:hidden;
3 给浮动元素的后面添加空的div添加样式clear:both;
4 给浮动元素的父级添加一个类叫clearfix
这个类写的属性有
伪类选择器
只要选择器带冒号都可以说他是伪类选择器
a:link{} a:hover{} a:active{} a:visitied{} p:after{} p:before
e 伪元素和伪类选择器的区别
伪 margin:0 auto;和text-algin的区别
visibility:hiiden; 和display:none; 隐藏占空间 隐藏不占空间