我的前端面试题

DOM结构

将网页中的元素看做对象

可以被编程语言获取或者编辑

响应式布局

一个网站兼容多个终端

有哪几种选择器

标签选择器

类选择器

ID选择器

全局选择器

父子选择器

选择器优先级

!important  （因为IE6不支持，所以可以作为hack手段）无条件优先级

html中给元素加 style="   "

ID选择器

类选择器

标签选择器

px em rem

px是相对于屏幕分辨率

em相对于当前对象内文本的字体尺寸,如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸

rem是相对于根元素，只需要修改根元素字体大小，就能修改整个文件的字体大小

position

absolute：绝对定位，如果父元素设置了position属性，并且属性值是relative和absolute，那么本元素是相对于父元素定位的，如果父元素没有，那么本元素是相对于浏览器的定位。也就是说 absolute定位的层总是相对于其最近的定义为absolute或relative的父层，而这个父层并不一定是其直接父层。如果其父层中都未定义absolute或relative，则其将相对body进行定位

relative：相对定位，相对于父元素的定位 父元素应该加上 position：relative 这句

fixed：固定定位，相对于浏览器窗口定位

static：默认值，没有定位

inherit：从父元素继承position属性

块级元素和内联元素：

块级元素哪些：div     p    form     table     ol     ul     h1(最大) h2 h3 h4 h5 h6（最小）    hr

内联元素哪些：a     span    input    img      b      select

可变元素：button    iframe    map

区别：

 1）块级元素会独占一行，其宽度自动填满其父元素宽度

        行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下，才会换行，其宽度随元素的内容         而变化

   2） 块级元素可以设置 width, height属性，行内元素设置width,  height无效

         【注意：块级元素即使设置了宽度，仍然是独占一行的】

   3) 块级元素可以设置margin 和 padding.  行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。（水平方向有效，竖直方向无效）

==和===区别：

==只需要变量的值相等即可

===要变量的值和类型都相同

null==undefined 返回true

null===undefined返回false

js中有哪些数据类型：

五种简单的 一种复杂的

undefined未定义

null空

boolean布尔

number数值

string字符串

object

为什么把css js文件和html文件分开

方便维护

提高网页加载速度

因为浏览器有缓存，所以尽管第一次下载网页的速度相对于不分开来说比较慢，但是以后的下载速度就会比较快

js模块化

不同功能对应的js代码放在不同的文件中 便于维护

块级元素哪些：

内联元素哪些：

区别：