层叠样式、模板和库
实验名称：层叠样式、模板和库实验学时： 3学时
班级：
学号：
姓名：
指导教师：
实验时间：
一、实验目的和要求
1.掌握附加和编辑外部样式表的方法
2.掌握CSS样式的各种特殊效果的方法
3.掌握创建和应用CSS样式及CSS样式表的方法
4.掌握模板的创建、编辑和应用的方法
5.掌握对象的创建、编辑和应用的方法
二、实验内容及步骤
1.CSS样式表的创建、编辑和应用
（1）在网页编辑窗口中，打开本地站点My site\html 文件夹中的art.htm 文件。修改文档的标题为“生活和艺术”，文档每段文符改成首行缩进两个字样。
在本地根文件夹My site中，创建名为docformat.css的层叠样式表文件，并在其中创建背景色为#99FFCC的层叠样式docformat（打开该样式表，在文档窗口输入代码“docfornat{color:#99FFCC;}”）。
（2）创建名为.char1的层叠样式，并将这个样式定义在docformat.css的层叠样式表文件中。将其【类型】的参数设置：【字体】为方正舒体、【大小】为36像素、【样式】为斜体、【颜色】#FF0000。在art.htm文档中，将样式应用于标题文字“生活和艺术”。方法：打开“CSS”浮动面板，选择“CSS样式”中的“全部”，可以看到已经创建好的docformat.css层叠样式表，在该处单击右键，选择“新建”命令，在弹出的对话框内创建层叠样式，并为之设置参数（也可以通过编写代码的方式创建），创建完成后，执行“文件”—>“保存”，即可完成。
（3）将名为.char1的样式复制成名为.char2的层叠样式，将其【类型】的参数修改为：【字体】为楷体、【大小】为18像素、【样式】为正常、【颜色】为#000000。在art.htm文档中，将样式应用于第１段文字。
（4）新建名为 .char3的层叠样式，将其【类型】的参数设置为：【字体】为仿宋体、【大小】为18像素、【样式】为正常、【颜色】为＃333333。在art.htm 文档中，将样式应用于第2段文字，浏览网页观察效果。
（5）将名为.char3的样式修改为：【字体】为方正舒体、【大小】为16像素、【样式】为偏斜体、【颜色】为＃000099。修改方法：1.改变代码中相应
标签的值；2.在CSS浮动面板中，选中该样式，单击右键，选择“编辑”进行修改。
（6）创建名为.border1的样式，选择【边框】类型，并将其参数设置：【样式】为双线、【宽度】的【上】、【右】、【下】、【左】的值为４个像素、【颜色】为＃99CC33。方法：创建完成后，在弹出的“.border1的CSS规则定义”对话框中，选择左边“分类”栏的边框，进行相应的设置。
（7）新建一个exe16-1.htm网页，然后打开，在其中创建8个1行1列的表格，表格的宽度和高度是100*30像素。分别以border1、border2、……、border8为名新建层叠样式，选择【边框】类型，并分别定义他们的【样式】为：【虚线】、【点划线】、【实线】、【双线】、【槽状】、【脊状】、【凹陷】、【凸出】8种风格，为之分别设置合适的边框高度和颜色，然后将样式应用于8个表格，预览网页观察其效果。然后保存样式表文件docformat.css和网页文档exe16-1.htm。
（8）在网页编辑器窗口中，打开literature.htm文件，并链接外部样式表文件docformat.css。修改名为.char1的样式，将【颜色】值#FF0000改为#0000CC，并作用于标题文字“中国文学”。浏览网页文档art.htm和literature.htm，观察标题文字的颜色变化。
2.CSS样式特殊效果的应用
（1）创建exe16-2.htm的网页，在网页合适位置上插入大小为380*285像素的层，并将My site\img文件夹中的图像文件campus3.jpg插入层中，用CSS 的Alpha滤镜制作如图16-5（图略）所示的效果。
（2）创建名为exe16-3.htm的网页，在网页的合适位置上插入2行2列4个布局单元格，每个单元格为120*100像素，并在每个单元格中插入My site \img 文件夹中的图像文件f01.jpg，如图16-6所示。然后用CSS的翻转滤镜制作出如图16-7（图略）所示的效果。
（3）创建名为exe16-4.htm的网页，在网页合适位置上插入1行3列3个布局单元格，每个单元格为110*220像素，并在每个单元格中插入My site \img 文件夹中的图像文件campus4.jpg。然后用CSS的波浪滤镜制作出如图16-8（图略）所示的效果。
左边图参数为Wave(Add=1，Freq=2，LightSrenth=70，Phase=50，Strength=10);
右边图参数为Wave(Add=0，Freq=3，LightSrenth=10，Phase=75，Strength=10);
中间图为原始图。预览后，将网页保存在本地站点根文件夹中。
（4）创建一个名为exe16-5.htm的网页，然后用CSS样式的翻转滤镜制作出如图16-9所示的效果。预览网页后，将网页保存在本地站点根文件夹中。
（5）利用显示滤镜（Reveal Trans）设置进入网页 art.htm 的切换效果为随机效果，其参数为Revealtrans(Transition=23，duration=3.0)，选择标题文字与第1行文字，建立与literature.htm 和exe16-6.htm的超链接。
设置离开网页文件literture.htm的效果代号是8号的垂直百叶窗，其参数为Revealtrans(Transition=8，duration=2.0)，选择标题文字与第1行文字，建立与art.htm和exe16-6.htm的超链接，用原文件名保存这两个文件。
创建新的网页文件exe16-6.htm，在其中分别输入“艺术”和“中国文学”，建立art.htm与literature.htm文件的超链接，再将网页保存在本地站点根文件夹中。
（6）利用模糊滤镜（Blur）设置网页edu.htm的标题为立体效果，作用在标题上的模糊滤镜效果参数为Blur(Add=True，Direction=135，Strength=20)。预览网页后，以exe16-7.htm名将网页保存在本地站点根文件夹中。
3.模板的应用
（1）将My site文件中flower.htm文档改成模板，将其中7幅图像所处的区域设置为可编辑区，可编辑区的名字分别为img1、img2、……、img7，如图16-10（图略）所示，模板文件名为flower.dwt，将模板文件保存在本地网站的Template文件中。
（2）利用模板文件flower.dwt，创建网页文档exe16-8.htm。其中可编辑区域插入的图像分别是Mysite\img文件夹中tu1.img、tu2.img、……、tu7.img，预览网页后，以exe16-8.htm为名保存文件。
（3）将模板文件flower.dwt改名为grid.dwt，保存后更新站点中所有基于该模板的网页文件。
（4）修改模板文件grid.dwt，将其背景图象改为bg0021.gif,然后保存。用这个模板文件更新站点中所有基于该模板的网页文档，观察网页文件flower.htm和exe16-8.htm背景图像变化情况。
（5）利用【资源】面板创建一个名为test.dwt的模板，模板的可编辑区有文字区和图像区，版面构图自定。在模板的底部插入一个层，并将该层定义为可编辑区域。
（6）利用test.dwt模板创建网页文件exe16-9.htm，并在可编辑区域插入文字和图像，在层中插入closel.gif文件，预览网页后，保存网页文件。
4.创建、编辑与使用库对象
（1）打开网页文件flower.htm，将网页中的第７幅图像用菜单命令方式或用鼠标拖曳方式添加到库中，分别用img1、img2、……、img7给库项目命名。在网页底部插入My site\img文件夹中图像文件close1.gif，并把图像以close1为名设为库项目。
（2）打开网页文件art.htm，将网页中的标题“生活和艺术”，用菜单命令方式或鼠标拖曳方式添加到库中，用art为其命名，并在网页底部插入库项目close1。
（3）用外部编辑器Fireworks 将库项目close1中的文字“关闭窗口”改为“返回首页”，然后更新整个站点。
三、实验结果
1.CSS样式表的创建、编辑和应用
（1）修改art.htm中的文档
（2）创建docformat.css层叠样式表
（3）创建样式
（4）应用样式
（5）对创建的8个表格分别应用.border1-.border8样式
(6)char1作用于中国文学
2.CSS样式特殊效果的应用
（1）创建exe16-2.htm网页，用CSS的Alpha滤镜制作效果
（2）创建exe16-3.htm网页，布局单元格，用CSS的翻转滤镜制作效果
（3）创建exe16-4.htm网页，用CSS的波浪滤镜制作效果
（4）创建exe16-5网页，用CSS的翻转滤镜制作效果
（5）利用显示滤镜设置进入网页 art.htm 的切换效果为随机效果
（6）利用模糊滤镜设置网页edu.htm的标题为立体效果
3.模板的应用
（1）将flower.htm文档改变成模板，设置可编辑区域
（2）利用模板flower.dwt，创建exe16-8.htm网页，在可编辑区域插入图像。
（3）修改模板文件，更新基于该网页模板的文档
（4）利用test.dwt模板，创建exe16-9.htm，并插入图像和文字
4.创建、编辑与使用库对象
四、实验中遇到的问题及解决办法
1.改变art.htm文档标题的CSS样式后，发现其颜色并没有改变，检查后，发现属性中设置了颜色，其作用优先于CSS样式。
2.制作exe16-
3.htm时，第三幅图片翻转效果达不到要求，只翻转了1次。
更正：在表格中设置翻转1次，再为图片设置翻转1次。
3.滤镜操作无法显示效果。
更正：在“新建CSS面板”上点击选择器类型——类,弹出关于这一类的规则定义面板，选择“扩展”->“滤镜”，按要求进行操作。完成后，对需要显示效果的对象应用该“类”。
4.模糊滤镜直接作用于标题时没有效果。
更正：通过查阅书籍，发现需要把文字放在层里，让滤镜作用于层，效果才能显
示出来。
五、实验成绩(每次实验满分20分，按5个等级打分)
实验评分标准评分等级
得分
实
验
一
实
验
二
实
验
三
实
验
四
实
验
五
独立完成完整的实验内容，知识点运用正确，网
页布局美观，运行正确，报告内容完整，排版整
洁美观，能真实体现实际操作过程及遇到的问题。
优秀：18～20分
完成实验，知识点运用正确，网页布局美观，运
行正确，报告内容较为完整，排版较整洁美观，
能体现实际操作过程及遇到的问题。
良好：16～17分
基本完成实验，知识点运用正确，网页布局一般，
运行正确，报告内容较为完整，排版欠整洁美观，
基本能体现实际操作过程及遇到的问题。
中等：14～15分
不能独立完成完整的实验内容，知识点运用欠缺，
网页布局不合理，运行正确，报告内容不完整，
排版欠整洁美观，不能真实体现实际操作过程及
遇到的问题。
及格：12～13分
没有按时做实验，实验内容没有完成，网页不能
正常显示，报告内容不完整，不能真实体现实际
操作过程及遇到的问题。
不及格：0～11分
CSS指层叠样式表(CascadingStyleSheets)
CSS指层叠样式表（Cascading Style Sheets） CSS语法由三部分组成：选择器、属性和值： Selector {property: value}例： body {color:blue;} 若值为若干单词，需加引号。 选择器分组例： h1,h2,h3,h4 {color:#ff0000;} 使这几个标题的颜色都是绿色的。 派生选择器例： li strong { font-style:italic; } 指在li里的属性为strong的元素会变成斜体。 id选择器以#定义 #red {color:red;}
aaaaa 注：类选择器的第一个字符不能是数字。 td.fancy { color: #f60; background: #666; } 作为派生选择器，指类名为fancy的表格单元都是灰色背景的橙色。 如何插入样式表3种方法 ①外部样式表
注：外部样式表mystyle.css不包含任何html标签。 ②内部样式表CSS层叠样式学习总结
css3 总结01 前缀 ?chrome: -webkit- ?safari: -webkit- ?firefox: -moz- ?ie: -ms- ?opera: -o- 书写的时候应该先用有前缀的样式，再用无前缀的样式 颜色 ?rgb(red, green, blue); ?rgba(red, green, blue, opacity[0-1]); ?hsl(色度，饱和度，亮度)； 色度为色轮的度数，0/360d代表红色，120代表绿色，240代表蓝色； 饱和度百分比值，100%表示完全显示该颜色； 亮度百分比值，0%代表黑色，100%代表白色，50%平均值 圆角 border-radius: 20px;//水平，垂直border-radius: 20px，20px;//左上，右上，右下，左下border-radius: 20px，20px 20px 20px; 下拉阴影 //水平；垂直；模糊直径；颜色box-shadow: 10px 5px 15px #000;//内阴影box-shadow: 10px 5px 15px #000 inset;//水平；垂直；模糊直径；延展距离;颜色box-shadow: 10px 5px 15px 15px #000;//多阴影box-shadow: 0 1px 1px #fff inset, 5px 5px 10px #000; chromw:-webkit-;safari:-webkit-;ie>=9 文本阴影
//水平;垂直;颜色text-shandow: 1px 1px #fff;//水平;垂直;模糊直径;颜色text-shandow: 1px 1px .3em #fff; 渐变 默认下渐变是垂直方向的；也可以传递一个位置参数来改变方向 linear-gradient(#ccc, #ddd, white);//设定一个倾斜度 linear-gradient(-45deg, #ccc, #fff);//水平渐变 linear-gradient(left, #ccc, #fff);//设置颜色停止值 linear-gradient(white, #ddd 20%, black); 选择器 //选中的第一个元素:first-child//选中的最后一个元素:last-child//选中的元素是其父元素的 唯一子元素:only-child//选中当前URL的哈希中的目标元素:target //选中复选框以被勾选的元素 :checked ?nth-child选择器 nth-child(n); nth-child(even);/nth-child(2n); nth-child(odd);/nth-child(2n+1); ?直接后代选择器 > ?否定选择器 :not(.current) ie>=9 过渡 transition: 持续时间，属性， [动画类型];//多个动画transition: 2s opacity, .5s height ease-in; 定时函数种类
CSS层叠样式表(基础篇)
第一章 CSS层叠样式表（基础篇） 就是“层叠样式表”。将CSS引入到网页中是网页编辑的一大革命吧~通过设置CSS，我们可以随意地控制网页中字体的大小、颜色等，便于统一网站的整体风格；可以方便地为网页中的各个元素设置背景颜色和图片并进行精确的定位控制；可以为网页中的元素设置各种滤镜，从而产生诸如阴影、辉光、模糊等只有在图象处理软件中才能实现的效果；可以与脚本语言相结核，在网页中实现很多动态滤镜效果。 下面我们就来详细说明CSS的语法和在网页中的编辑。由于这篇内容较多，就分为两篇讲解。 本篇的主要内容是： CSS的语法 如何将CSS添加到页面中 用DW的CSS编辑器编辑css文件 CSS的语法 在使用CSS前，我们先要对CSS的基本语法有所了解。 如果你安装了Frontpage，不妨用*.css搜索一下你的硬盘，你会找到很多CSS文件。这都是FP自带的模板的CSS。你可以打开其中一个研究一下~用DW和FP都能打开css文件，当然最简单的还是用记事本打开。 下面我们来看一段CSS代码： p { font-family: "宋体"; font-size: 12px; line-height: 12pt; color: #000000} td { font-family: "宋体"; font-size: 12px; color: #000000} a:link { color: #0000FF; text-decoration: none} a:visited { color: #666666; text-decoration: none} a:active {color:green;text-decoration: none;} a:hover { color: #FF0000;background-color:#ff9900;text-decoration: underline } 第一行和第二行的p、td标签，分别定义了网页中文字和表格中文字的字体、大小和颜色。由于网页中的文字基本上都放置在表格中，所以需要定义表格中的文字属性。 font-family: "宋体" ——指定网页中的字体。 font-size: 12px——制定字体的大小。可以用12px或者是9pt。这两种字体大小在800和1024的分辨率下都比较好看。 line-height: 12pt——行与行之间的距离。 color: #000000——字体的颜色。 #000000表示的是黑色。在网页编辑中，颜色是用十六进制数来表示的。你也可以用颜色的英文名称来表示，如红色的代码写成#ff0000，也可以写成red。 第三行——第六行的a标签，指定的是链接文本的变化控制。 link表示超链接的文本在链接未被访问时的颜色，代码中指定颜色为0000ff（蓝色）。visited 表示链接被访问过后的颜色为灰色（#666666）。active表示鼠标点击链接时链接的文本颜色为绿色。hover表示鼠标指向链接但未点击时的链接颜色为红色，背景颜色为橙色。 text-decoration:none表示链接文本没有下划线。text-decoration: underline则表示链接文本有下划线。 请大家仔细看这段代码，在下面的教程中，我们都将以这段代码作为例子。 如何将CSS添加到页面中
关于Inventor中样式库和模板的问题解决
看到许多人问关于样式库和模板的问题,我来把这个问题讲清楚: 0.样式是什么? 样式是颜色,材料和工程图标准等数据,既存在于样式库中,也存在于文件中,可以用"样式和标准编辑器"浏览和修改 1.样式库是什么? 样式库是包含样式定义的数据库,主要由一系列xml文件构成 2.样式库在哪里? Inventor的默认样式库存在于: XP: <安装目录>\Design Data Vista & Win7: C:\Users\Public\Documents\Autodesk\Inventor 20XX\Design Data 这是所有项目默认使用的样式库,因此也是被所有项目共享的,注意保护好,不要被"使用样式库"属性为"是"的项目篡改或误删样式(除非你确实想改变默认样式) 可以在"应用程序选项"的"文件"选项卡中更改"设计数据(样式等)"的位置,即改变默认样式库的位置,不过注意要把默认样式库中的文件复制或移动过去 也可以在项目的"文件夹选项"中为项目指定特定的样式库位置,同样确保指定的位置里有东西,无论是复制自默认样式库还是自己创建的样式库 3.模板是什么? 模板是包含预定的内容,文档设置与资源的文件,当然也包含各种样式(Inventor自带的模板包含默认样式库中的全部样式) 新建文件必须选择一个模板文件,此时会复制模板的所有预定内容(除了文件名和零件代号)到新文件 如果项目的"使用样式库"属性为"是"或"只读",在新建文件时不会复制样式库中已有的样式,也就是只复制样式库中没有,但模板中有的样式到新文件。若模板中的样式定义与样式库中的同名样式定义不同,则新建文件时会使用样式库中的定义而不是模板中的定义 如果项目的"使用样式库"属性为"否",在新建文件时将复制模板中所有的样式 4.模板在哪里? Inventor的默认模板存在于: XP: <安装目录>\Templates Vista & Win7: C:\Users\Public\Documents\Autodesk\Inventor 20XX\Templates 这是所有项目默认使用的模板文件夹,因此也是被所有项目共享的,注意保护好默认模板,不要篡改或误删(除非你确实想改变默认模板) 可以在"应用程序选项"的"文件"选项卡中更改"默认模板"的位置,不过注意要把默认模板文件复制或移动过去 也可以在项目的"文件夹选项"中为项目指定特定的模板文件夹位置,同样确保指定的位置里有东西,无论是复制自默认模板还是自己创建的模板 5.样式从哪里来? 如果项目的"使用样式库"属性为"是"或"只读",可用的样式将来自样式库和当前文件,文件本身带有的样式将覆盖样式库中同名样式的定义
层叠样式、模板和库
实验名称：层叠样式、模板和库实验学时： 3学时 班级： 学号： 姓名： 指导教师： 实验时间：
一、实验目的和要求 1.掌握附加和编辑外部样式表的方法 2.掌握CSS样式的各种特殊效果的方法 3.掌握创建和应用CSS样式及CSS样式表的方法 4.掌握模板的创建、编辑和应用的方法 5.掌握对象的创建、编辑和应用的方法 二、实验内容及步骤 1.CSS样式表的创建、编辑和应用 （1）在网页编辑窗口中，打开本地站点My site\html 文件夹中的art.htm 文件。修改文档的标题为“生活和艺术”，文档每段文符改成首行缩进两个字样。 在本地根文件夹My site中，创建名为docformat.css的层叠样式表文件，并在其中创建背景色为#99FFCC的层叠样式docformat（打开该样式表，在文档窗口输入代码“docfornat{color:#99FFCC;}”）。 （2）创建名为.char1的层叠样式，并将这个样式定义在docformat.css的层叠样式表文件中。将其【类型】的参数设置：【字体】为方正舒体、【大小】为36像素、【样式】为斜体、【颜色】#FF0000。在art.htm文档中，将样式应用于标题文字“生活和艺术”。方法：打开“CSS”浮动面板，选择“CSS样式”中的“全部”，可以看到已经创建好的docformat.css层叠样式表，在该处单击右键，选择“新建”命令，在弹出的对话框内创建层叠样式，并为之设置参数（也可以通过编写代码的方式创建），创建完成后，执行“文件”—>“保存”，即可完成。 （3）将名为.char1的样式复制成名为.char2的层叠样式，将其【类型】的参数修改为：【字体】为楷体、【大小】为18像素、【样式】为正常、【颜色】为#000000。在art.htm文档中，将样式应用于第１段文字。 （4）新建名为 .char3的层叠样式，将其【类型】的参数设置为：【字体】为仿宋体、【大小】为18像素、【样式】为正常、【颜色】为＃333333。在art.htm 文档中，将样式应用于第2段文字，浏览网页观察效果。 （5）将名为.char3的样式修改为：【字体】为方正舒体、【大小】为16像素、【样式】为偏斜体、【颜色】为＃000099。修改方法：1.改变代码中相应
样式与模板
样式与模板 1.样式 （1）字符样式和段落样式 字符样式是用样式名表示的一组字符格式，如字体、字号、字符间距及特殊效果等。字符样式仅用作段落中选定的字符。 段落样式是用样式名表示的一套字符格式和段落格式。使用段落样式可以方便地为文档建立统一的段落编排格式，当段落样式修改后，所有套用该样式的段落格式都将自动被新样式所代替。 在格式栏左端有一个样式框，单击右侧的下拉 按钮会打开如图5.7.1所示的“样式”下拉列表。从 “样式”下拉列表中可以清楚地区分字符样式和段 落样式。项尾有一个带下划线字母的表示字符样式； 项尾有一个回车标志的表示段落样式。其中，“正文” 段落样式是Word 配置的标准段落样式，它控制了文档的默认字体、字号、行距、对齐方式及其他文 本格式。建立一个新文档时，“正文”样式将应用于第一个空白段落，以下的各个段落也都会使用“正文”样式进行格式编排，直到变换其他样式为止。 （2）内置样式和自定义样式 内置样式是Word 本身提供的样式，如果这些样式不能满足要求，用户可以创建新的自定义样式。两种样式在使用和修改的时候没有什么区别，只是内置样式不允许被删除。在建立新文档时，“样式”列表框中只列出了4种段落样式：标题1、标题2、标题3、正文，以及一个字符样式：默认段落字体。 （3）样式的建立 ① 建立字符样式 单击菜单“格式”→“样式”，系统弹出图5.7.2所示的“样式”对话框，在样式对话框中单击“新建”按钮，系统又会弹出图5.7.3所示的“新建样式”对话框。 在这个对话框的“名称”一栏中输入一个新名，如“字符样式1”，也可以直接引用Word 默认给出的样式名“样式1”。 在“样式类型”下拉列表中选择“字符”。单击“格式”按钮，从打开的菜单中进行选择，如在菜单中选择“字体”，弹出“字体”对话框，可设置字符的字体、字形、字号、字符颜色等；“边框”对话框可以设置字符的边框、线条、底纹；“语言”对话框可设置某种 图5.7.1 “样式”下拉列表的位置
第3章样式与模板
第3章样式与模板 本章要点 ●什么是HTML样式和CSS样式 ●创建和应用HTML样式、CSS样式 ●创建和链接外部CSS样式表 ●什么是模板 ●模板的创建 ●制作基于模板的页面 本章难点 ●创建和链接外部CSS样式表。 ●模板的创建以及用模板更新页面 上一章我们已经学习了表格和层以及框架页面的使用，本章我们将介绍样式与模板的使用方法和技巧。 在实际的网站开发过程中，为了提高工作效率，简化工作流程，常常需要使用一些自动化功能，样式和模板是最常用的两种工具。使用样式除了可以在单独网页中应用一致的格式以外，对于较大网站的格式设置和维护更具有重要意义。使用模板能够大幅度提高网页制作效率，并能简化网页的编辑和维护工作。 3．1HTML 样式 样式就是格式的组合。在Dreamweaver中可以使用两类样式：HTML样式和CSS 样式。本节我们先学习HTML样式，CSS样式将在下一节介绍。
3.1.1 使用HTML 样式设置文本格式 1．什么是HTML样式 HTML样式是一种格式化文本的有力工具，它可以快速一致地将字体格式应用于文档中的文本，HTML 样式可由单个或多个HTML字体标签属性（如颜色、字体、大小）以及其他格式属性（如粗体或斜体）组成。正因为HTML样式只包含字体标签，因此可使用不支持层叠样式表(CSS) 的浏览器（如 3.0 及更早版本的浏览器）查看，因而，HTML样式相比CSS样式而言具有更好的兼容性，可以被更低版本的浏览器识别。 HTML 样式的一个缺点是对HTML 样式所做的更改不自动在文档中更新。如果应用了一个样式，后来又更改了它，则必须对文本重新应用该样式才能更新格式设置。 与CSS 样式不同，HTML 样式格式只影响应用它的文本或使用所选HTML 样式创建的文本。如果希望能够更改格式并自动更新该格式的所有实例，则使用CSS 样式。 2．使用HTML样式设置文本格式 要使用HTML样式设置文本格式，通常包含两个过程：首先在网页中创建样式，然后将该样式应用于网页中的文本。例如，可以先创建一个字体为“宋体”、大小为“5 ”的“绿色”、“斜体”HTML样式。再选择希望应用该样式的文本，然后从“HTML样式”面板中选择该HTML样式。效果如图3－1所示。 图3－1HTML样式示例 3.1.2使用“HTML 样式”面板 1．打开“HTML 样式”面板 操作步骤如下： 在文档窗口中，依次单击“窗口”菜单→“HTML 样式”命令，则打开“HTML