网页设计Dreamweaver教案
Dreamweaver CS6网页设计与制作教学教案
《Dreamweaver CS6网页设计与制作标准教程》教学教案掌握互联网基础和网站建设基本流程。
掌握网站建设基础和网页设计基础。
掌握网页的制作常用软件和标准技术。
熟练掌握网站建设的基本流程。
熟练掌握网页设计基础知识。
软件的应用和标准技术。
掌握软件的工作界面和创建网站框架。
掌握管理站点文件和文件夹的方法。
掌握管理站点和网页文件头设置。
熟练掌握Dreamweaver CS6工作界面的基本操作。
熟练掌握Dreamweaver CS6的站点。
在Dreamweaver CS6中站点的建立及编辑。
第3讲掌握输入文本和设置文本属性的方法。
掌握项目符号和编号列表的创建方法。
掌握水平线、网格与标尺的使用方法。
熟练掌握文本的多种创建方法和编辑技巧。
熟练掌握项目符号、编号列表和水平线的使用方法。
能够正确输入文本并编辑相关属性。
3.1.14 设置文本样式3.1.15 段落文本3.2 项目符号和编号列表3.2.1 课堂案例——电器城网店3.2.2 设置项目符号或编号3.2.3 修改项目符号或编号3.2.4 设置文本缩进格式3.2.5 插入日期3.2.6 特殊字符3.2.7 插入换行符3.3 水平线、网格与标尺3.3.1 课堂案例——摄影艺术网页3.3.2 水平线3.3.3 显示和隐藏网格3.3.4 标尺3.4 课堂练习——有机果蔬网页3.5 课后习题——休闲旅游网页小结1、熟练掌握文本的使用方法和技巧。
2、了解并掌握项目符号和编辑列表的使用方法和技巧。
作业第4讲熟练掌握图像的插入方法。
掌握多媒体在网页中的应用。
熟练掌握图像的格式与模式。
熟练掌握Flash文件的插入与设置。
能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。
4.4 课后习题——房源网页小结1、熟练掌握图像的格式与插入方法和使用技巧。
2、掌握Flash动画的插入和属性的设置。
作业第5讲了解超链接的概念与路径知识。
掌握文本、图像超链接的创建方法。
dreamweaver网页制作教(学)案
dreamweaver网页制作教案（Dreamweaver MX）一、Dreamweaver MX中文版建站初步建立一个，首先要在本地机器上做好，再传到网上的虚拟空间上。
现在免费的网页空间很少了，在还可以申请到可以使用几个月的免费空间，这对于学习网页制作已经够了。
接下来主要介绍本地站点的建立，站点文件命名。
简明步骤：在C盘新建一个文件夹→在Dreamweaver中定义站点→新建文件和文件夹→给文件和文件夹命名。
目标是做一个个人。
打开“我的电脑”，打开C盘，点鼠标右键，选择新建。
选择文件夹选项C盘下会出现一个新建文件夹图标输入你想要的站点名称，这里输入media,其实可以任意输入名称的，要注意的是，尽量不要用中文命名，以免出现意想不到的麻烦！现在开始在Dreamweaver MX中把media这个文件夹定义为站点。
打开Dreamweaver，在菜单栏上，点击站点菜单，选择新建站点接下来需要给站点起一个名字，可以起任意一个名字。
这里起名为media,按下一步按下一步按钮，选择是否使用服务器技术。
因为实例建立的是一个静态站点，就选择“否，我不想使用服务器技术”。
按下一步按钮，因为要传到网上的虚拟主页空间，就要选择“编辑我的计算机上的本地副本，完成后再传到服务器上”。
按下一步，选择要定义的本地根文件夹这里选择media文件夹点“选择”按钮，因为没有使用远程服务器，就选择“无”。
按下一步按完成按钮，一个站点就定义好了。
二、文件命名与修改默认扩展名站点定义好之后，就要开始新建网页文件和文件夹了，在站点中点击右键，选择新建文件。
给新建的文件输入名称新建文件夹与新建文件类似，就不重复了。
在文件命名和站点结构方面，养成良好的习惯很重要。
首页默认的文件名，取决于你申请的主页空间，一般是index.htm,index.html,default.htm 等。
同类型的文件，最好放在一个文件夹中，例如把图片文件，都放在image文件夹中。
《网页设计与制作Dreamweaver CS6》电子教案
XXX中等职业学校教案
适用年级： XXX 课程名称：网页设计与制作 Dreamweaver CS6 任课教师： XXX
XXXX学校计算机专业组制
第1-4课时讲授2学时实践2学时
第5-10课时讲授2学时实践4学时
第11-16课时讲授2学时实践4学时
第16-21课时讲授2学时实践4学时
第22--27课时讲授2学时实践4学时
第28-37课时讲授4学时实践6学时
第38--41课时讲授2学时实践2学时
第41--50课时讲授4学时实践6学时
第51--56课时讲授2学时实践4学时
第57--60课时讲授2学时实践2学时
第61--68课时讲授4学时实践4学时
第69--74课时讲授2学时实践4学时
第75--80课时讲授2学时实践4学时
第81--90课时讲授4学时实践6学时
第91--94课时讲授2学时实践2学时。
Dreamweaver网设计教案
1 2
•
⏹⏹⏹⏹⏹
➢
➢
⏹◆◆
学生对学习网页制作的兴趣,培养大家的动手操作能力;
4.了解java脚本的基本用法
教学重点1.行为的概念和创建,2.使用DW内置的行为元素、行为和时间轴的综合运用
教学难点1.使用DW内置的行为；2.高级行为的应用；元素、行为和时间轴的综合运用
教学方法多媒体演示为主,适当举例,人体媒体结合式教学,课堂讲
授,师生互动,提问式教学；任务驱动、引导教学、理论与
操作紧密结合;
教学课时4课时
第8章交互行为、图AP元素和时间轴的综合运用,以及
js
教学提示
问题：大家已经会在网页中的特殊效果如：弹出消息、检查表单、设置导航文本、鼠标的花瓣、棉花糖、下雪了、礼花绽放等,这样的动态网页是如何制作的呢使用行为就可以实现;
8.1.1初步认识行为
1、DW行为的引出
2、行为的概念
3、与行为相关的三个重要部分：对象、事件和动作;
4、认识行为面板
8.1.2行为的创建、修改和更新
创建行为的三个步骤
修改行为
更新行为
8.1.3使用DW内置的行为
自带的行为主要有:
1.弹出消息 2、“播放声音”实例
3、跳转菜单和跳转菜单开始
4、打开浏览器窗口抛出问题,导入新课
举出几个典型的带有行为的网页显示行为的应用,进而引出行为的作用和相关概念25分钟
举例讲解行为的创建步
骤;10分钟
演示常用的DW 内置行为的操作步骤和要领,部分调整在机房讲解；。
Dreamweaver网页制作教案
认识Dreamweaver一、学习目的了解Dreamweaver，学会利用Dreamweaver制作网页。
二、学习内容Dreamweaver的基本知识。
【学习步骤】1、 Dreamweaver的功能Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件，也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。
Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。
2、 Dreamweaver的窗口（1）标题栏（2）菜单栏（3）工具栏（4）视图栏（5）文件夹列表（6）工作区3.网页工作区的三个视图方式选项它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。
普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。
HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。
在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。
对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。
为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。
4.安装dreameaver的方法安装及注册5.关闭dreameaver6.保存网页的方法三、小结Dreamweaver的基本知识建立一个简单的站点一、学习目的了解Dreamweaver，学会利用Dreamweaver制作网页。
二、学习内容Dreamweaver的基本知识；建立一个简单的站点；进行简单的网页编辑。
【学习步骤】1、创建空白站点。
执行菜单命令“文件”—“新建”—“站点”，就会出现8中站点向导。
dreamweaver8网页设计教案
初识Dreamweaver 8课题：Dreamweaver8简介及创建文档一、教学基本内容1、什么是网页和网站2、网页的分类3、网页中的常用术语4、网页设计的相关知识5、认识Dreamweaver 86、Dreamweaver 8的基本操作7、Dreamweaver 8工作界面介绍二、课型：新授课三、课时：1个课时四、教学重点与难点重点:什么是网页和网站难点：1、网页的分类2、网页设计的一般步骤3、Dreamweaver 8的基本操作五、教学目的1 、对Dreamweaver这个制作网页的工具及网页有一定的认识，激发学生学习网页设计的兴趣2、一定要学会建立一个空白网页3、会对页面有一个简单的设置六、教学过程1、什么是网页和网站（1）网页网页是由HTML(超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。
(2）网站网站就是一个或多个网页的集合。
从广义上讲，网站就是当网页发布到Internet上以后,能通过浏览器在Internet上访问的页面。
◆门户网站◆职能网站◆专业网站◆个人网站2、网页的分类(1）按所处位置分类按网页在网站中所处的位置可将网页分为主页和子页两类。
（2)按表现形式分类按网页的表现形式可将网页分为静态网页和动态网页。
3、网页设计的相关知识(1)设计网页的原则A、整体规划B、鲜明的主题C、善用图像D、醒目的导航E、及时更新F、易记的网站名称G、通用网页H、动画适量（2）网页设计的一般步骤A、规划网站B、收集整理资源C、配置站点D、创建页面E、测试站点F、发布站点G、维护、更新站点（3）网页制作的常用工具A、网页设计软件Dreamweaver是目前使用最多的网页设计软件。
B、图像处理软件制作网页图像的软件种类繁多，大多数网页设计人员选择的是Fireworks 或Photoshop。
设计DW教案
THANKS
布局和弹性图片等。学
（flexbox）和网格布局 会使用CSS来创建适应
（grid）。了解不同布 不同设备和屏幕尺寸的
局技术的优缺点及适用 页面布局和视觉效果。
场景，以便在实际项目
中选择合适的布局方案。
动画和过渡：了解CSS 动画和过渡的基本概念 和语法，如关键帧 （keyframes）、 transition和animation 属性等。学会使用这些 技术来为页面元素添加 动画效果和过渡效果， 提升用户体验。
在FTP客户端中查看文件上传状态， 确保所有文件均已成功上传至服
务器。
பைடு நூலகம்
网站维护更新策略分享
定期备份网站数据
为了防止数据丢失，应 定期备份网站数据，包 括数据库、文件和图片
等。
监控网站运行状态
通过网站监控工具实时 监控网站的运行状态， 及时发现并解决潜在问
题。
定期更新网站内容
为了保持网站的活力和 吸引力，应定期更新网 站内容，包括文字、图
调整单元格的宽度、高度、背景色、 边框样式等，实现表格的个性化设置。
布局模式选择与调整
流动布局
基于HTML的流动模型，通过DW 的流动布局工具进行页面元素的 布局调整，实现元素的自动排列 和对齐。
定位布局
利用CSS的定位属性，如relative、 absolute和fixed等，通过DW的 定位工具对页面元素进行精确定位。
05
04
03
02
01
测试网站运行状况
在服务器上解压并配置好网站文件 后，对网站进行全面测试，确保各 项功能正常运行。
网站文件打包和压缩
将制作好的网站文件进行打包和压 缩，以便后续上传至服务器。
Dreamweaver网页制作课件教案第1章
通过本章的学习，您可以：
Dreamweaver CS5的新增功能。 工作界面的构成及各菜单栏、工具栏、插入栏和浮动面板的功能与作用。 文件的打开、创建和存储的基本方法。
1.1 Dreamweaver CS5的新功能
集成CMS支持 CSS 检查 启用/禁用CSS 集成Adobe BrowserLab PHP 自定义类代码提示 站点特定的代码提示 与 Business Catalyst 集成 增强的CSS起始布局 增强的Subversion支持 简化的站点设置 保持跨媒体一致性 动态相关文件
第1章 网页制作基础知识
本章重点
本 章 介 绍 Dreamweaver CS5 中 文 版 的 基 础 知 识 ， 内 容 包 括 ： Dreamweaver CS5的新增功能和安装，简单介绍其用户界面以及创建与保存 文件的方法等。Dreamweaver CS5是著名影像处理软件公司Adobe推出的最 新网页设计制作工具，是继Dreamweaver CS5之后的升级版本，是目前最完 美的网站制作工具。
1.2.6 浮动面板
在Dreamweaver CS5工作环境的右侧存在着浮动面板。浮动面板中包括了“CSS 样式”面板、“AP元素”面板、“代码片段”面板、“参考”面板、“数据库”面 板、“绑定”面板、“服务器行为”面板、“组件”面板、“属性”面板、“行为” 面板、“历史记录”面板、“框架”面板、“标签检查器”面板、“文件”面板和 “资源”面板等。
1.2.1 菜单栏 1.2.2 文档工具栏 1.2.3 “插入”面板
1.2.4 文档窗口
设计视图 代码视图 拆分视图（垂直拆分/水平拆分）
1.2.5 属性面板
属性面板分成上下两部分。不同的对象有不同的属性，因此选中不同对象 时，属性面板显示的内容是不相同的。单击面板右下角的三角形按钮可以关闭 属性面板的下部分。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
**学院教案课程名称：网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 2 月 28 日 3、4 节授课题目(章节)：第一章教具：多媒体机房课时安排：2基本教材：Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次)：掌握 Dreamweaver CS6 基础知识掌握如何将 Photoshop设置为图象文件的外部编辑器。
掌握创建网页并插入文档教学重点*、难点#创建网页并插入文档通过打开“新建文档”对话框来设置新文件的各项参数教学主要内容与教学方法：教学主要内容通过 3 个工作任务向大家介绍 Dreamweaver CS6 的基本操作。
Dreamweaver 是一款功能强大的可视化的网页编辑与管理软件。
利用它，不仅可以轻松地创建跨平台和跨浏览器的页面，也可以直接创建具有动态效果的网页而不用自己编写一行源代码。
Dreamweaver CS6 最主要的优势在于能够进行多任务工作，并且在操作方法、界面风格方面更加人性化。
教学方法：演示法、讲授法课程作业或者思量题：教材第 28 页参考资料或者常用网址：教学后记：学生能大致了解基础知识，学生能大致了解网站的一些原理，使学生对网站的认识上了一个阶梯。
教研室主任意见：**学院教案课程名称：网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 3 月 14 日 3、4 节授课题目(章节)：第二章教具：多媒体机房课时安排：2基本教材：Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次)：掌握如何创建网站。
掌握以 FTP 连接方式并定义远程站点教学重点*、难点#控制站点结构，管理站点中的每一个文件定义远程站点教学主要内容与教学方法：教学主要内容：将通过“以 FTP 连接方式定义远程站点”和“建立 MyTestm 网站”共 2 个工作任务向大家介绍如何创建、设计网站。
在完成对站点文件的编辑后，可以用 Dreamweaver CS6 将本地站点上传到 Interne上t。
在“站点管理”对话框中选择已建立的站点，在弹出的“设置站点对象”对话框中选择“服务器”，添加服务器。
教学方法：演示法课程作业或者思量题：教材第 53 页参考资料或者常用网址：教学后记：多媒体课件的运用、学生多种感官的参预和生动丰富的教学方式，充分调动了学生学习的兴趣，教师系统讲解保证每一个学生达到了本课基本要求。
教研室主任意见：**学院教案课程名称：网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 3 月 21 日 3、4 节授课题目(章节)：第二章教具：多媒体机房基本教材：Dreamweaver 网页设计实用教程课时安排：2 教学目的(分掌握、熟悉、了解三个层次)：掌握建立网站。
掌握设计、规划站点并对站点进行编辑教学重点*、难点# 管理站点文件规划与设计站点教学主要内容与教学方法：教学主要内容：1. 创建本地文件夹、2. 定义本地站点、3. 管理站点文件、4. 打包上传5. 远程与本地站点同步。
教学方法：演示法课程作业或者思量题：教材第 53 页参考资料或者常用网址：教学后记：使用多媒体教学为学生提供大量的动画、影象、音乐、图片等多媒体素材，直观形象，激发学生学习本节课的兴趣和动力，利用多媒体进行教学，创设了情景，让形象的画面理解自然过渡到对教学内容的理解，这种教学活动自始至终调动了学生多种感官的参预，使学生的情绪始终处于亢奋状态，思维的积极性得到了充分的发挥。
教研室主任意见：课程名称：网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 3 月 28 日 3、4 节授课题目(章节)：第三章教具：多媒体机房基本教材：Dreamweaver 网页设计实用教程课时安排：2 教学目的(分掌握、熟悉、了解三个层次)：了解什么是文本与超链接；掌握各种超级链接掌握输入特殊字符的方法使用“查找和替换”命令教学重点*、难点# 创建及编辑链接用特殊键盘输入特殊字符教学主要内容与教学方法：教学主要内容：通过 5 个工作任务向大家介绍什么是文本与超链接。
文本是页面里不可缺少的东西，文本的格式化可以充分体现文档所要表达的重点，比如：在页面里制作一些段落的样式；文档中构建丰富的字体；超级链接是网页中最为重要的部份，单击文档中的超级链接，即可跳转至相应的位置。
在添加文本字符时，要在页面中插入诸如等字符，使用Dreamweaver CS6 不费吹灰之力就将这些特殊字符插到页面中，借助输入法的特殊键盘输入特殊字符，单击软键盘上的符号，或者者此时在键盘上敲对应的键，就可以输入符号。
教学方法：演示法课程作业或者思量题：教材第 83 页参考资料或者常用网址：教学后记：采用案例教学，给学生展示最后设计好的作品，课堂气氛很好。
给出相应的实例和要求，让学生参预到讲解中。
教研室主任意见：课程名称：网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 4 月 4 授课题目(章节)：第三章基本教材：Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次)：掌握创建多级列表的方法为网站图标创建图象链接为超链接文本设置动态下划线教学重点*、难点#列表属性为超链接文本设置动态下划线日3、4节授课题目(章节)：第三章基本教材：Dreamweaver 网页设计实用教程教学主要内容与教学方法：在本任务中，要完成创建多级列表的任务，需要先熟悉添加编号与项目列表、更改编号与项目列表、创建多级列表等内容，进而找到符合实际情况的操作方法。
选取列表项目文字，单击属性面板上的按钮，生成项目列表，选取次级项目文字，单击“属性”面板上的“文本缩进”按钮，生成次级列表。
重复上述操作，最后生成多级列表。
在页面中插入作为链接对象的图象。
单击选择该图象，打开其“属性”面板，在“属性”面板的“链接”域中设置链接文件。
在“属性”面板的“目标”下拉菜单中选择打开链接的窗口，同样有_blank、new 、_paren、t _sel、f _top五个选项。
教学方法：演示法课程作业或者思量题：教材第 53 页参考资料或者常用网址：教学后记：在整个教学过程中教学重点主要都是环绕着如何创建多级列表，特殊是在讲解列表属性时每一个步骤都做了强调，对于在操作过程中易犯的错误赋予讲解。
学生能比较好的掌握教学内容教研室主任意见：课程名称：网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 4 月 12 日 5、6 节授课题目(章节)：第四章授课题目(章节)：第四章基本教材：Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次)：掌握应用图象与多媒体在 Dreamweaver 的应用掌握设置背景图案教学重点*、难点#多媒体在 Dreamweaver 的应用基本教材：Dreamweaver 网页设计实用教程在“页面属性”对话框中选择图象，或者在文本框中直接输入背景图象文件的路径和名称。
教学主要内容与教学方法：通过 3 个工作任务向大家介绍图象与多媒体的应用。
无庸置疑，图象的恰当应用能够美化页面，试想，如果没有图象的点缀，只是枯燥的纯文本页面，纵使它有丰富的内容，也难得有人去欣赏。
Dreamweaver 能够插入并编排页面中图象，并且使用其外置的编辑器对页面中的图象进行编辑，整个操作过程，高效且便捷。
将汽车图片设置为背景图案(1)选择菜单命令“修改”| “页面属性”，打开“页面属性”对话框。
( 2 ) 单击对话框中“背景图象”域后面的“浏览”按钮选择图象，或者在文本框中直接输入背景图象文件的路径和名称。
( 3)在页面中插入背景图象。
课程作业或者思量题：教材第 111 页参考资料或者常用网址：教学后记：让学生上台操作展示，充分体现了以学生为本，强调学生的自我操作，强调学生的自我学习，发挥学生的主体教研室主任意见：课程名称： 网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 4 月 19 日 5、6 节授课题目(章节)： 第四章 授课题目(章节)：第四章 基本教材：Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次)： 掌握设置多种图象效果 掌握插入 Flash 对象的方法 教学重点*、难点# 滤镜效果插入 Flash 元素教学主要内容与教学方法：使用 Dreamweaver 简便地制作出精美的图象效果。
此外，使用同样的方法，选择其他的滤镜效果， 或者设置其他的参数，可打造出更多精彩 Web 图象效果。
图象名称：在该域中指定翻转图象的名称。
原始图象：在该域中指定默认显示的图象。
鼠标经过图象：在该域中指定当鼠标经过时显示的图象。
在制作此任务时，需要先插入 Flash 元素，需要准备大小相同的几个图象，本例准备了 10 个大小 相同的图象， 并把它们存储在站点根目录相应的文件夹下；之后，将使用Flash 元素检查器编辑 Flash 元素的属性一；最后，将设置和图象有关的各选项。
教学方法：演示法课程作业或者思量题： 教材第 111 页参考资料或者常用网址：教学后记：采取案例教学法， 让学生先看到题， 再针对题中的教学环节展开讲解知识点，教学效果很好。
本 课的教学活动循序渐进、螺旋上升, 符合学生的认知规律。
教学策略丰富、实用而新颖、独特，突 破了学生的认知障碍，突破了难点， 优化了课堂 教研室主任意见：基本教材：Dreamweaver 网页设计实用教程课程名称：网页设计 Dreamweaver 任课教师(职称)：授课对象及时间：20**级**班 2022-2022学年第二学期 4 月 26 日 5、6 节授课题目(章节)：第五章授课题目(章节)：第五章基本教材：Dreamweaver 网页设计实用教程教学目的(分掌握、熟悉、了解三个层次)：掌握 CSS 样式(层叠式样式)的应用基本教材：Dreamweaver 网页设计实用教程教学重点*、难点#CSS 样式面板、创建 CSS 样式、附加外部 CSS 样式表教学主要内容与教学方法：通过 3 个工作任务向大家介绍 CSS 样式(层叠式样式)的应用。
CSS 样式常用来同时控制多个文档的格式，并且当 CSS 样式发生变化或者更新时，所有链接该样式(即使用该样式格式化)的文档都将随之自动更新。