html脱离文档流事件

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/aaaaap/p/9657084.html