前端面试篇2017-6-26

1.block, inline-block,inline三者的区别

答：block:块级元素，独占一行，如果有多个block元素会各自另起一行，默认情况下，block元素宽度填满其父辈元素宽度。block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。可以设置margin和padding属性。

inline：不会独占一行，inline元素设置width,height属性无效。

水平方向的padding-left, padding-right, margin-left, margin-right都产生边距效果；但竖直方向的padding-top, padding-bottom, margin-top, margin-bottom不会产生边距效果。

inline-block:简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。

2.position有哪些属性，分别以什么为定位？

答：absolute:绝对定位，相对于static 定位以外的第一个父元素进行定位。
fixed：绝对定位，相对于浏览器窗口定位。

relative：生成相对定位的元素，相对于其正常位置进行定位。

static：默认，没有定位。

inherit：从父元素继承position 属性的值。

3.typeof操作符返回哪些类型

答：undefined(未定义）、boolean（布尔值）、string（字符串）、number(数值)、object（对象）、function（函数）.

4.CSS选择符有哪些？

答：标签选择器、属性选择器、ID选择器、类选择器、包含选择器、子选择器、伪元素选择器 。

5.DOM操作里，如何增加、删除、移动、查询节点？

答：添加：appendChild()； 删除：removeChild(); 替换：replaceChild(); 插入：insertBefore();

查找：getElementsByTagName(通过标签); getElementsByName(通过name属性)； getElementById(通过ID)；

创建节点：createElement();