html知识总结

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 解析。

 五：兼容性

 

posted @ 2017-02-11 11:21  桃小蛋  阅读(159)  评论(0)  编辑  收藏  举报