第3章DHTML技术
3.1 什么是DHTML
3.2 级联式样式表(CSS)
3.2.1 使用CSS的必要性
3.2.2 定义CSS
3.2.3 在网页中使用CSS
3.2.4 CSS的属性与单位(自习)
3.3 客户端脚本语言
3.3.1 在HTML中使用脚本语言
3.3.2 JavaScript简介
3.3.3 VBScript简介
3.4 事件处理和文档对象模型(DOM)
3.4.1 事件处理
3.4.2 文档对象模型(DOM)
3.5 DHTML的应用
第3章DHTML技术
3.1 什么是DHTML
DHTML(Dynamic HTML)技术可以创建与用户交互并包含动态内容的页面。DHTML 是HTML、CSS和脚本语言的一种集成,DHTML建筑在这些技术的基础之上,包括三个方面的内容:
?HTML和CSS
?脚本语言
?文档对象模型(DOM)
我们已经在上一章详细讲解了HTML语言,下面将对CSS、脚本语言和文档对象模型(DOM)进行深入的介绍。
3.2 级联式样式表(CSS)
3.2.1使用CSS的必要性
通过上一章的HTML语言的学习,我们知道了HTML的强大的格式设置功能,但必须在每个需要设置的地方使用格式设置标记,如果多个地方需要相同的格式设置,那么这种格式设置方式的局限性就显露出来了。
例如:如果要将文档中的所有的H2标记中的文字的颜色设置为“蓝色”,对齐方式为“居中”,则必须在所有的H2标记中设置align=center,并使用标记设置color=blue,程序代码如下:
ex3_2_01.htm:不使用CSS
......
......
......
......
在浏览器中的显示结果如图 3.1所示:
图 3.1 不同位置相同格式
而使用级联样式表CSS(Cascading style sheet)技术就可以克服HTML的这种局限性,下面将上例改为使用CSS来进行格式设置。
ex3_2_02.htm:使用CSS
H2{text-align:center;font-color:blue}
......
......
......
......
在浏览器中的显示结果如图 3.1所示,和不使用CSS的效果一样,但是,很明显使用CSS为网页设置统一的格式要方便的多。
此例中的样式定义只是应用到一个
级联样式表CSS(Cascading style sheet)中的“级联”的意义是:全局样式规则一直应用于HTML元素,直到有局部样式规则取代为止,在局部样式应用之后,全局样式规则与局部样式规则不冲突的部分将继续发挥作用。
3.2.2定义CSS
上例中
样式规则的语法如下:
选择器{属性1:属性值1;属性2:属性值2;……}
其中,选择器表示需要应用样式的内容;属性表示由CSS标准定
义的样式属性。