文档介绍:第五章 动态网页制作
理解动态HTML
构成动态HTML的核心技术
①客户端脚本语言
② CSS样式表
③文件目标模块
①什么是客户端脚本语言
脚本语言是一种简单的描述性语言,语法结构相似程序设计的高级语言,它通过一个<SCRIPT>标记嵌入到HTML页中。
客户端脚本语言是可以直接对客户端进行编写并使页面发生动态变化的脚本语言。
JAVASCRIPT和VBSCRIPT是常用的客户端脚本语言
②什么是CSS
样式是用一个指定的名字来标识和保存的一组有关字符和段落格式的有关集合。在frongpage中有系统自定义的样式。如:标题1(H1),标题2(H2),链接(a)等。
Css样式可以控制字体,颜色,大小,背景等
CSS(Cascading Style Sheet 是层叠式表,简称样式表)
在HTML中加入CSS样式,
常见的有:
①嵌入式样式表
②内联式样式表
③外联式样式表
一、嵌入式CSS样式定义:
style=“属性:值”
style=“属性1:值1;属性2:值2;属性3:值3”
如:<body style=“cursor:crosshair”>
如:<table style=“color:red;font-size:20pt;font-family:隶书”>
如:<p style=“color:red;font-size:20pt;font-family:隶书”>
代码说明:
<p>…… </p> 是段落标志(硬回车)
<br>就是换行 (软回车)
CSS(Cascading Style Sheet是层叠式表,简称样式表)
css遵循:就近原则
CSS的定义是由三个部分构成:
选择符(selector),属性(properties)和属性的取值(value)。
基本格式如下:
选择符 {属性:值}
selector {property: value}
例如: body {color: black;cursor:crosshair}
font{color:red;size:6;font-family:黑体}
二、内联式CSS样式定义:
<head>
<style type=“text/css”>
<!--
p{ color:red; font-size:20; font-family:黑体; text-decoration:underline}
-- >
</style>
</head>
(一步完成)
①
二、内联式CSS样式定义:
<head>
<style type=“text/css”>
<!—
.abcd{ color:green; font-size:10}
-- >
</style>
</head>
<span class=abcd> 需要自定义的内容 </span>
(需要2步)
①
②
瘩恕造勃疫筋脱逐磺守痛含菌时暂住望扬具无盒悯勺窗幸唉匣孵窃