北大青鸟：《HTML—JavaScript》课程电子教案（PPT教学课件）第六章 层叠样式表

北大青 7E 男 第六章 层叠样式表 ACCP V4.0

ACCP V4.0 第六章 层叠样式表

北大青 7E 男 回顶2-1 代码阅读 我的表格 1 地址①)]EAr40课件开发习转到链接 2 3 4 我的表格 5

ACCP V4.0 2 回顾 2-1 我的表格 1 2 3 4 5 代码阅读

北大青鸟 TEC 回顶2-2 口要求密码文本框不超过10个字符,请补全HTML代码。 密码 口下面有关单选按钮的HTML代码正确吗? 女 口按钮分为哪三类,类型(ype分别是? 口下拉列表框中显示的超级女生是? 最佳超级女生是 1号 2号 35 SELECT> ACCP V4.0

ACCP V4.0 3 回顾 2-2 ❑ 要求密码文本框不超过10个字符，请补全HTML代码。 密码 ❑ 下面有关单选按钮的HTML代码正确吗？ 女 ❑ 按钮分为哪三类，类型(type)分别是？ ❑ 下拉列表框中显示的超级女生是？ 最佳超级女生是 1号 2号 3号

北大青 7E 男 目标 口掌握样式表的语法规贝 口样式表的分类: 口行内样式表 口内嵌样式表 口外部样式表 口掌握常用的样式 口了解层和标签 ACCP V4.0

ACCP V4.0 4 目标 ❑掌握样式表的语法规则 ❑样式表的分类： ❑行内样式表 ❑内嵌样式表 ❑外部样式表 ❑掌握常用的样式 ❑了解层和标签

北大青 7E 男 DHTML简介 DHTML是制作动态HTML页面的技术! DHTML = HTML+ 层叠样式表 脚本语言 CSS JavaScript 指定一个网页 决定元素的大小 操纵网页的元素 的元素 颜色和位置 ACCP V4.0

ACCP V4.0 5 DHTML 简介 DHTML = HTML 脚本语言 JavaScript + + 层叠样式表 CSS 指定一个网页 的元素 决定元素的大小 颜色和位置 操纵网页的元素 DHTML 是制作动态 HTML 页面的技术！

北大青 7E 男 DHTML的功能 动态样式 动态内容 定位 数据绑定 浊独 可下载字体 脚本 对象结构 ACCP V4.0

ACCP V4.0 6 DHTML 的功能 设计人员可以随着与用户的交互操作而改 变文本的颜色、字体和大小 设计人员可以随用户的输入或事件（如单击 鼠标）而更改页面的内容 设计人员可以用 x 座标和 y 座标来指定网页元素的 确切位置（绝对位置或相对位置） Web 设计人员可以将网页中的表格绑定到数据库 程序员可以编写脚本以更改网页的样式和内容 设计人员可以将选择的字体和网页一起封装 在 DHTML 中，每个元素都被视为一个对象。可以独 立地对每个对象进行访问和编程 动态样式 动态内容 定 位 数据绑定 可下载字体 脚 本 对象结构

北大青 7E 男 DHTML示例 闪烁文本 移动文本 消隐文本 ACCP V4.0

ACCP V4.0 7 DHTML 示例 闪烁文本 移动文本 消隐文本

北大青 7E 男 什么是样式? 地址①) C:\Documents and Settings Adn: 设置属性 这个段落应用了样式 这个段落按默认样式显示。 指定显示样式 这个段落按默认样式显示 样式规则 ACCP V4.0

ACCP V4.0 8 设置属性 这个段落应用了样式 这个段落按默认样式显示 什么是样式？ 指定显示样式 样式规则

北大青鸟 TEC 常用的样式属性 属性 CSS名称 说明 颜色 color 文本属性 font-size 字体大小 font-family 字体 text-align 文本对齐 边框属性 border-style 边框样式 (用于表 border-width 边框宽度 单元素) border-color 边框颜色 定位属性top 顶部边距(上边距) (position) left 左边距 width 宽度 height 高度 z-index z轴索引号,用于层 ACCP V4.0

ACCP V4.0 9 常用的样式属性 属 性 CSS名称 说 明 颜色 color 文本属性 font-size 字体大小 font-family 字体 text-align 文本对齐 边框属性 (用于表 单元素) border-style 边框样式 border-width 边框宽度 border-color 边框颜色 定位属性 (position) top 顶部边距（上边距） left 左边距 width 宽度 height 高度 z-index z 轴索引号，用于层

北大青 7E 男 样式的分类 根据样式代码的位置,分为三类: 口行内样式 口内嵌样式 口外部样式 在最后一个声明后面加上一个分号G;)是一个好习惯 10 ACCP V4.0

ACCP V4.0 10 根据样式代码的位置，分为三类： ❑行内样式 ❑内嵌样式 ❑外部样式 样式的分类 在最后一个声明后面加上一个分号(;) 是一个好习惯