浮动元素的作用和影响

1、css 中的px  em  rem 长度单位的区别?

　　px是像素，相对长度单位，网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的

　　em是相对长度单位。相对于当前对象内文本的字体尺寸（参考物是父元素的font-size）如当前父元素的字体尺寸未设置，则相对于浏览器的默认字体尺寸

　　rem是CSS3新增的一个相对单位，rem是相对于HTML根元素的字体大小（font-size）来计算的长度单位，如果你没有设置html的字体大小，就会以浏览器默认字体大小，一般是16px

2、css3中新增伪类有哪些？并说明

　　:after　　　　在元素之前添加内容，也可以用来做清楚浮动

　　:before　　　  在元素之后添加内容

　　:enabled　　　选择可用的表单元素　   

　　:disabled　　　控制表单控件的禁用状态

　　:checked　　　单选框或者复选框被选中

3、说明css选择器优先级顺序及判定标准

　　1、!important放在样式的最后，权重是最高的 值是10000 ；

　　2、内联样式权重值是1000，优先级次于!important，一般都是在标签内部书写；

　　3、id选择器权重是100 ；

　　4、类选择器、伪类选择器、属性选择器的权重值是10 ；

　　5、标签选择器和伪元素选择器权重值为1 ；

　　6、通用选择器（*）、子元素选择器（>） 

　　7、当标签选择器比较多的时候，权重值就是所有的权重值相加的和 ；

4、position 几个属性的作用

　　1、static默认定位，始终处于文档流的默认位置，static元素忽略任何top 、bottom、left、right ;

　　2、relative 相对定位，相对于自己原来的位置进行定位

　　3、absolute 绝对定位，如果有父元素且父元素开启相对定位那么就相对于父元素进行定位，如果没有父元素那么就相对于body进行定位，开启绝对定位的元素在页面不会占据位置 ；

　　4、fixed固定定位 ，相对于浏览器的边框进行定位的 ；

5、绝对定位和固定定位的区别

　　当一个元素被定义为绝对定位的时候就脱离了文档流，并且以开启相对定位的父级为基准来进行偏移，如果父元素都没有开启相对定位，那么就一直向上找，直到找到body为止 ，而固定定位是相对于屏幕来进行定位的。

6、浮动的作用和影响　

　　作用：浮动会改变块级元素的排列方式，让内容从上下排列变成水平排列，浮动有左浮动和右浮动；

　　影响：

　　1、脱离标准文档流，不占据位置导致其它的盒子向上移动。

　　2、父盒子如果不设置高度而由子盒子撑起来，那么如果子盒子开启浮动后就脱离标准文档流，导致父盒子高度塌陷。