HTML5文档类型声明？
<!DOCTYPE html>，注意叹号和后面不留空格。
必须写文档类型声明，不写的话往往会让浏览器工作在混杂模式。
兼容性：全兼容（包括IE6）。
内联样式和外联样式？
用style属性写在标签内的是内联样式，比如：
猜猜是什么颜色？
外联样式用link标签引入，比如：
内联样式的优先级较高。
使用外联样式的优点是表现与结构分离，便于维护，代码重用。
那内联样式的使用情景是什么呢？当特殊的样式需要应用到个别元素时，就可以使用内联样式。
选择器优先级？
优先级逐级增加的选择器列表：
- 通用选择器（*）
- 元素(类型)选择器
- 类选择器
- 属性选择器
- 伪类
- ID 选择器
- 内联样式
- !important
让一段文本垂直居中的办法？
如果父元素高度不确定，可以给父容器设置相同的上下内边距。
代码：
Document 父级高度不确定 多行文本垂直居中
如果父级元素高度确定的话，使用vertical-align:middle;，因为只有元素为th或td的时候才能使用，所以才能对块级元素使用display:tabel-cell，注意不兼容IE6和IE7。
Document 父级高度不确定 多行文本垂直居中
盒模型问题
盒子在页面占据的大小包括了margin，border，padding以及content。而盒子的实际大小（这里的实际大小，通过调试工具inspect可以看出来）包括border，padding以及内容区域content，但是不包括margin。
注意，我们通过JavaScript代码获取某一个元素的大小时，所得到的width和height其实是盒子模型中的content的大小。
JS闭包理解
DOM加载顺序
- 首先浏览器会解析静态的html结构 比如 head body footer等html标签
- 当html结构加载完成我们需要渲染页面使其美观，因此此时需要加载各种样式表文件。
- 然后再解析并执行js或者其他脚本代码。
- 构造html DOM对象，也就是 ready 操作
- 加载html和css中引用的外部资源文件。
- 页面加载完成(load操作)，js进行一些事件的绑定和处理。
多的大型的内容型网站会把图片等静态资源放在一个单独的域名下, 请问这样做是为什么呢？
- 动静分离，静态资源方便做CDN。
- cookie free，即这些域名下请求不会发cookie，节省流量，这也是不放二级三级域名的原因。（牵扯到HTTP协议，以后要深入学习）