url解析：http://www.cnblogs.com/wenanry/archive/2010/02/25/1673368.html
页面渲染：http://www.cnblogs.com/dojo-lzz/p/3983335.html
一、Css样式优先级：
标签：就近原则（离被设置元素越近优先级别越高），!important最最高
1、内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。
2、标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。
p{color:red;} /*标签，权值为1*/ p span{color:green;} /*两个标签，权值为1+1=2*/ p>span{color:purple;}/*权值与上面的相同，因此采取就近原则*/ .warning{color:white;} /*类选择符，权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/p{ color:red!important; /*!important要写在分号前 }
若使用JS对样式进行操作时往往可通过两种方式：object.style.property=new style和object.className = new classname。前者内联>后者class
二、<!DOCTYPE>
1、<!DOCTYPE> 向 HTML 文档添加 <!DOCTYPE> 声明，浏览器才能获知文档类型，指示 web 浏览器使用哪个 HTML 版本进行编写。
2、在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
3、在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种。
严格型：
该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
过渡型：
该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
框架集：
该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。
HTML 5：<!DOCTYPE html>
三、标准盒子模型
相同： margin、border、padding、content
不同：IE中width=border+pading+content
标准width=content
四、deffer/async
蓝色线代表网络读取，红色线代表执行时间，这俩都是针对脚本的；绿色线代表 HTML 解析。
五：兼容性
