补充 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; 隐藏占空间            隐藏不占空间