url解析：http://www.cnblogs.com/wenanry/archive/2010/02/25/1673368.html

页面渲染：http://www.cnblogs.com/dojo-lzz/p/3983335.html

一、Css样式优先级：

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 中只有一种。

html知识总结