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 ; 粘性定位,
5- 绝对定位和固定定位的区别:
当position属性值设置为absolute时,则开启了元素的绝对定位
- 开启绝对定位会使元素脱离文档流
- 开启绝对定位以后,如果不设置偏移量,则元素的位置不会发生改变
- 绝对定位是相对于离他最近的开启了定位的祖先元素进行定位的(一般情况,开启了子元素的绝对定位都会同时开启父元素的相对定位)如果所有的祖先元素都没有开启定位,则会相对于浏览器窗口进行定位
- 绝对定位会使元素提升一个层级
- 绝对定位会改变元素的性质, 内联元素变成块元素,块元素的宽度和高度默认都被内容撑开
当元素的position属性设置fixed时,则开启了元素的固定定位
固定定位特点和绝对定位相同
固定定位永远都会相对于浏览器窗口进行定位 ,固定定位会固定在浏览器窗口某个位置,不会随滚动条滚动,IE6不支持固定定位
6- 浮动的作用和影响:
作用:解决盒子并排问题;
影响:脱离标准流,称为浮动流不占界面的位置,导致其他盒子向上移动