1.什么是盒模型，如何在css中告诉浏览器使用不同的盒模型来渲染你的布局？
css中所有的html元素都可以看成一个盒模型，一个盒模型包括margin,border,padding,content
盒模型分为两类：W3C标准盒子模型和IE盒子模型
编写代码尽量使用标准的W3C盒子模型
<!DOCTYPE html>用来声明，放在页面开头
标准盒模型：
总宽/高度=我们设置的宽/高度+padding+border
IE盒模型：（怪异盒模型）
总宽/高度=我们设置的宽/高度
在CSS3中通过设置box-sizing的属性来完成标准或者怪异模式的切换：
box-sizing: content-box 采用标准模式，是默认样式
box-sizing: border-box 采用怪异模式
2.请描述cookies,sessionStorage和localStorage的区别？
1》数据存储大小不同。
cookies:数据始终在同源的http请求中携带，即cookie能在服务器和浏览器之间回传。故存储的数据的大小，一般为4096B。
sessionStorage:数据保存在本地，不会自动发给服务器。所以一般为5M或者更大。
localStorage:数据保存在本地，不会自动发给服务器。所以一般为5M或者更大。
2》数据有效期不同。
cookies:数据在cookie设置的有效期之前都有效，即窗口和浏览器关闭。
sessionStorage:数据在关闭浏览器窗口后自动清除。存储的数据仅在同源窗口内有效，即使在不同浏览器相同页面也是无效的，一般用于存储会话数据。
localStorage:始终有效，因此用作持久数据。(除非被清除，否则永久保存)
3》数据作用域不同
cookies、localStorage:在所有同源窗口敏感词享。
sessionStorage:不在不同浏览器窗口敏感词享
注意：cookies,一般应用于：
判断用户是否登陆过网站，以便下次登陆时能够实现自动登陆（或记住密码）
保存上次登陆的时间等信息
保存上次查看的页面
浏览计数
session,一般用于：
网上商城中的购物车
保存用户登陆信息
将某些数据放入session中，供同一用户的不同页面使用
防止用户非法登陆
3.行内元素，块级元素，空（void）元素分别有哪些？
行内元素：a ,b ,span , img , strong , select ,label ,em ,button ,textarea 等
块级元素：div , p , ul ,li ,dl ,dt ,dd ,h1-h6 ,blockquote等
（<blockquote> 标签定义摘自另一个源的块引用。是双标签）
空元素（没有内容的html元素）：br , meta ,hr , link , input ,img