面试总结

常见面试提问题

1.position有几个值？分别是什么？又什么特点？

答：4个值；static、absolute、relative、fixed

      1.static：默认值

       2.absolute  脱离文档流  相对有定位父级进行移动

      3.relative ：相对原来位置   为脱离文档流

      4.fixed：脱离文档流  相对浏览器

2.盒模型和IE盒模型的区别？box-sizing有几个值以及对应的作用？

答：盒模型  一个块的宽度 = width+padding（左右）+margin（左右）+border（左右）

        IE盒模型   一个块的总宽度 = width+margin（左右）；其中width包含（padding和border）

         box-sizing ：content-box、border-box、inherit

           border-box：ie盒模型

           content-box：标准盒模型

3、html5

新增结构标签：header、footer、asider、nav、section、figure

       新增的音频标签：video、audio

        新增其他类型标签：canvas、detalist 

4.常用的选择器？选择器权重的规则？

答：元素选择器、id选择器、群组选择器、伪类选择器

    权重规则：内联样式的最高、包含选择器是等于选择符权重之和、id  100、class   10、类选择器  1

5、border-radius有几个值？a标签的target 有几个值？

答：8个；4个   _self/_blank/_top/_parent

6.实现元素水平上下居中

1.弹性盒

2.定位

3.对于文字来说：水平居中：text-align:center;垂直居中：line-height:XXpx; /*line-height与元素的height的值一致*/

4.对于图片可以background：url（） no-repeate center center；

5. 对于块元素来说：margin：0 auto；在设置margin或者padding设置成一样的

7.display有几个值？弹性盒常用的属性？