首页 > 代码库 > html知识总结

html知识总结

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

 

严格型:

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

 

html知识总结