2

1- css 中的 px em rem 长度单位的区别:

    px : 绝对单位,页面中展示具体像素;

    em: 相对单位,值不是固定的,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算（浏览器默认字体是16px）,整个页面内1em不是一个固定的值;

    rem:相对单位,相对根节点html的字体大小来计算，CSS3新加属性,chrome/firefox/IE9+支持。

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

• E: first-child 查找E元素的父元素中的第一个E元素;
• E: last-child 查找E元素的父元素中的最后一个E元素;
• E:first-of-type  相对于父元素,查找第一个满足类型的元素,会过滤掉其他元素;
• E:last-of-type  相对于父元素,查找最后一个满足类型的元素,会过滤掉其他元素;
• E:nth-child(n)  (n:表示从1开始的索引,还可以是关键字或者表达式)--加入后元素会受影响;
• E:empty  空值, 元素当中没有任何内容,空格也没有.  E:not 除了某一个都选 (-n+5)选择最后五个元素;

3-  css选择器优先级顺序及判定标准:

标签选取器,id选择器,类选择器,后代选择器,子代选择器,伪类选择器,

!important的优先级是最高的，但出现冲突时则需比较”四位数“; 优先级相同时，则采用就近原则，选择最后出现的样式; 继承得来的属性,优先级最低。

 

4- position 几个属性的作用？

       position 规定定位形式

• static:默认形式,没有定位
• absolute:绝对定位;脱标,隐式模式转换,由块级元素转为行内块,影响后面元素的布局(子绝父相)
• relative:相对定位,原来的位置仍然占据位置,相对于正常位置进行定位;
• fixed:绝对定位,脱标 隐式模式转换,块级元素变为行内块元素, 需要自己设置宽度,相对于浏览器窗口进行定位;
• sticky ; 粘性定位,基于用户的滚动位置来定位。粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。

5- 绝对定位和固定定位的区别:

      当position属性值设置为absolute时，则开启了元素的绝对定位

1. 开启绝对定位会使元素脱离文档流
2. 开启绝对定位以后,如果不设置偏移量,则元素的位置不会发生改变
3. 绝对定位是相对于离他最近的开启了定位的祖先元素进行定位的（一般情况，开启了子元素的绝对定位都会同时开启父元素的相对定位）如果所有的祖先元素都没有开启定位，则会相对于浏览器窗口进行定位
4. 绝对定位会使元素提升一个层级
5. 绝对定位会改变元素的性质， 内联元素变成块元素，块元素的宽度和高度默认都被内容撑开

当元素的position属性设置fixed时，则开启了元素的固定定位

固定定位特点和绝对定位相同

固定定位永远都会相对于浏览器窗口进行定位  ，固定定位会固定在浏览器窗口某个位置，不会随滚动条滚动，IE6不支持固定定位 

6- 浮动的作用和影响:

作用:解决盒子并排问题;

影响:脱离标准流,称为浮动流不占界面的位置,导致其他盒子向上移动