网页设计基础教程与上机指导第版使用CSS样式表.ppt

《网页设计基础教程与上机指导第版使用CSS样式表.ppt》由会员分享，可在线阅读，更多相关《网页设计基础教程与上机指导第版使用CSS样式表.ppt（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、http:/网页设计基础教程与上机指导第版使用CSS样式表 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望http:/教学提示和教学目标教学提示和教学目标n教学提示：教学提示：CSS在当前的网页设计中已经成为不可缺少的技术，在当前的网页设计中已经成为不可缺少的技术，对于网页设计者来说对于网页设计者来说CSS是一个非常灵活的工具，通过是一个非常灵活的工具，通过CCS无无需把繁杂的样式定义编写在文档结构中。需把繁杂的样式定义编写在文档结构中。CSS样式表的主要优样式表

2、的主要优点是提供方便的更新功能，在更新点是提供方便的更新功能，在更新CSS样式时，使用该样式的样式时，使用该样式的网站所有网页内容都自动更新应用新样式。网站所有网页内容都自动更新应用新样式。n教学目标：教学目标：掌握创建掌握创建CSS样式样式掌握使用掌握使用CSS编辑器设置编辑器设置CSS属性属性掌握自定义掌握自定义CSS样式样式掌握链接外部现有掌握链接外部现有CSS样式文件样式文件http:/8.1 CSS样式表样式表nCSS层叠样式表是一系列格式设置规则，它控制网层叠样式表是一系列格式设置规则，它控制网页内容的外观，使用页内容的外观，使用CSS设置页面格式时，将内容设置页面格式时，将内容与

3、表现形式分开，页面内容与表现形式分开，页面内容(即即HTML代码代码)驻留在驻留在HTML文件自身中，而用于定义内容表现形式的文件自身中，而用于定义内容表现形式的CSS规则驻留在另一个文件规则驻留在另一个文件(外部样式表外部样式表)或或HTML文档的另一部分文档的另一部分(通常为文件头部分通常为文件头部分)中，使用中，使用CSS可以灵活地控制具体的页面外观，从精确的布局定可以灵活地控制具体的页面外观，从精确的布局定位到特定的字体样式。位到特定的字体样式。n8.1.1 关于关于CSS样式表样式表n8.1.2 使用【使用【CSS样式】面板样式】面板n8.1.3 创建新的创建新的CSS样式样式n8.

4、1.4 应用自定义应用自定义CSS样式样式n8.1.5 创建和链接到外部创建和链接到外部CSS样式表样式表http:/8.1.1 关于关于CSS样式表样式表nCSS允许控制允许控制HTML无法独自控制的许多属性，如无法独自控制的许多属性，如可以为选定的文本指定不同的字体、大小和单位可以为选定的文本指定不同的字体、大小和单位(像像素、磅值等素、磅值等)，通过使用，通过使用CSS以像素为单位设置字体以像素为单位设置字体大小，还可以确保在多个浏览器中以更一致的方式大小，还可以确保在多个浏览器中以更一致的方式显示页面外观。显示页面外观。n除设置文本格式外，还可以使用除设置文本格式外，还可以使用CSS控

5、制控制Web页面页面中块级别元素的格式和定位。如设置块级元素的边中块级别元素的格式和定位。如设置块级元素的边距、边框以及其他文本周围的浮动文本等。距、边框以及其他文本周围的浮动文本等。1.CSS规则规则2.Dreamweaver中中CSS样式的类型样式的类型3.CSS的插入位置的插入位置http:/8.1.2 使用【使用【CSS样式】面板样式】面板n在在Dreamweaver中，选择【窗口】中，选择【窗口】|【CSS样式】命令，打开【样式】命令，打开【CSS样式样式】面板，或按】面板，或按ShiftF11组合键，打组合键，打开【开【CSS样式】面板，如图样式】面板，如图8.1所示。所示。n在【

6、在【CSS样式】面板的底部排列有几样式】面板的底部排列有几个按钮，分别如下。个按钮，分别如下。【附加样式表】：在【附加样式表】：在HTML文档中链接一文档中链接一个外部个外部CSS文件。文件。【新建【新建CSS样式】：创建新的样式】：创建新的CSS样式文样式文件。件。【编辑样式表】：编辑原有的【编辑样式表】：编辑原有的CSS规则。规则。【删除【删除CSS样式】：删除选中已有的样式】：删除选中已有的CSS规则规则 http:/8.1.3 创建新的创建新的CSS样式样式n在在Dreamweaver中，可以创建自己的中，可以创建自己的CSS样式来自动格式样式来自动格式化化HTML标签和网页文字。标签

7、和网页文字。n在【新建在【新建CSS规则】对话框中可以进行如下设置。规则】对话框中可以进行如下设置。【名称】：设置新建的样式表的名称。【名称】：设置新建的样式表的名称。【选择器类型】：定义样式类型，并将其运用到特定的部分。选择【选择器类型】：定义样式类型，并将其运用到特定的部分。选择【类】，要在【名称】的下拉列表框中输入自定义样式的名称，其【类】，要在【名称】的下拉列表框中输入自定义样式的名称，其名称可以是字母和数字的组合，如果没有输入符号名称可以是字母和数字的组合，如果没有输入符号“.”，Dreamweaver 8会自动输入。选择【标签】，需要在【标签】后的会自动输入。选择【标签】，需要在【

8、标签】后的下拉列表框中选择一个下拉列表框中选择一个HTML标签，也可以直接在【标签】后的下拉标签，也可以直接在【标签】后的下拉列表框中输入这个标签。选择【高级】，需要在【选择器】后的下列表框中输入这个标签。选择【高级】，需要在【选择器】后的下拉列表中选择一个选择器的类型，也可以在【选择器】后的下拉列拉列表中选择一个选择器的类型，也可以在【选择器】后的下拉列表框中输入一个选择器类型。表框中输入一个选择器类型。【定义在】：用来设置新建的【定义在】：用来设置新建的CSS语句的位置。语句的位置。CSS样式按照使用方样式按照使用方法可以分为内部样式和外部样式，如果想把法可以分为内部样式和外部样式，如果想

9、把CSS规则反应用于当前网规则反应用于当前网页内部，勾选【仅对该文档】单选按钮。页内部，勾选【仅对该文档】单选按钮。http:/8.1.4 应用自定义应用自定义CSS样式样式n应用自定义应用自定义CSS样式的具体操作步骤如下。样式的具体操作步骤如下。(1)打开网页文档。打开网页文档。(2)选择【窗口】选择【窗口】|【CSS样式】命令，打开【样式】命令，打开【CSS样式】面板。样式】面板。(3)在【在【CSS样式】面板中单击鼠标的右键，在弹出的菜单中选择【样式】面板中单击鼠标的右键，在弹出的菜单中选择【新建】选项。新建】选项。(4)弹出【新建弹出【新建CSS规则】对话框，在对话框中【选择器类型】

10、设置规则】对话框，在对话框中【选择器类型】设置为【类】，【名称】文本框中输入为【类】，【名称】文本框中输入.zt，【定义在】设置为【仅对该，【定义在】设置为【仅对该文档】。文档】。(5)单击【确定】按钮，弹出【单击【确定】按钮，弹出【.zt的的CSS规则定义】对话框，在对规则定义】对话框，在对话框中将【字体】设置为【宋体】，【大小】设置为话框中将【字体】设置为【宋体】，【大小】设置为12像素，【样像素，【样式】设置为【正常】，【颜色】设置为式】设置为【正常】，【颜色】设置为000000。(6)单击【确定】按钮，在【单击【确定】按钮，在【CSS样式】面板中可以看到新建的样式。样式】面板中可以看到

11、新建的样式。(7)选中需要套用样式的文字，然后在样式面板的新建选中需要套用样式的文字，然后在样式面板的新建CCS规则名上规则名上单击鼠标的右键，在弹出的菜单中选择【套用】命令。单击鼠标的右键，在弹出的菜单中选择【套用】命令。(8)选择命令后，文字自动套用样式，选择命令后，文字自动套用样式，如图如图8.13所示所示。(9)保存文档，按保存文档，按F12键在浏览器中预览效果，键在浏览器中预览效果，如图如图8.14所示所示。http:/图图8.13 套用样式套用样式 图图8.14 预览效果预览效果 http:/8.1.5 创建和链接到外部创建和链接到外部CSS样式表样式表n1.创建外部创建外部CCS

12、样式表样式表(1)选择【窗口】选择【窗口】|【CSS样式】命令，打开【样式】命令，打开【CSS样式】面板。样式】面板。(2)在【在【CSS样式】面板中单击【新建样式】面板中单击【新建CSS规则】按钮，弹出【新建规则】按钮，弹出【新建CSS规规则】对话框，在对话框中【选择器类型】设置为【类】，【名称】文本框中则】对话框，在对话框中【选择器类型】设置为【类】，【名称】文本框中输入输入.ws，【定义在】设置为【新建样式表文件】。，【定义在】设置为【新建样式表文件】。(3)单击【确定】按钮，弹出【保存样式表文件为】对话框，在【文件名】单击【确定】按钮，弹出【保存样式表文件为】对话框，在【文件名】文本框

13、中输入样式表文件的名称，并在【相对于】下拉表框中选择【文档】文本框中输入样式表文件的名称，并在【相对于】下拉表框中选择【文档】选项。选项。(4)单击【保存】按钮，弹出对话框，在对话框中进行相应的格式设置。单击【保存】按钮，弹出对话框，在对话框中进行相应的格式设置。(5)单击【确定】按钮，在【单击【确定】按钮，在【CSS样式】面板中可以看到新建的样式。样式】面板中可以看到新建的样式。n2.链接外部样式表链接外部样式表n外部样式表是包含了样式格式信息的一个单独的文件，编辑外部外部样式表是包含了样式格式信息的一个单独的文件，编辑外部CSS样样式表时，链接到该式表时，链接到该CSS样式表的所有文档会全

14、部更新以反映所做的样式样式表的所有文档会全部更新以反映所做的样式编辑，链接外部样式表的具体操作步骤如下。编辑，链接外部样式表的具体操作步骤如下。(1)在【在【CSS样式】面板中单击【附加样式表】按钮，弹出【链接外部样式样式】面板中单击【附加样式表】按钮，弹出【链接外部样式表】对话框。表】对话框。(2)单击对话框中的【文件单击对话框中的【文件URL】文本框后面的【浏览】按钮，弹出【选择】文本框后面的【浏览】按钮，弹出【选择样式表文件】对话框，在对话框中选择要链接的样式表文件】对话框，在对话框中选择要链接的CSS样式文件，勾选【链接样式文件，勾选【链接】单选按钮后，单击【确定】按钮即可。】单选按钮

15、后，单击【确定】按钮即可。http:/n控制网页元素外观的控制网页元素外观的CSS样式用来定义字体、颜色、边距和样式用来定义字体、颜色、边距和字间距等属性，在字间距等属性，在Dreamweaver 8中可以对所有的中可以对所有的CSS属属性进行设置。性进行设置。CSS属性被分为八大类，分别是：类型、背景、属性被分为八大类，分别是：类型、背景、区块、方框、边框、列表、定位和扩展，下面分别进行介绍。区块、方框、边框、列表、定位和扩展，下面分别进行介绍。n8.2.1 设置设置CSS样式的类型样式的类型n8.2.2 设置设置CSS样式的背景样式的背景n8.2.3 设置设置CSS样式的区块样式的区块n8

16、.2.4 设置设置CSS样式的方框样式的方框n8.2.5 设置设置CSS样式的边框样式的边框n8.2.6 设置设置CSS样式的列表样式的列表n8.2.7 设置设置CSS样式的定位样式的定位n8.2.8 设置设置CSS样式的扩展样式的扩展8.2 定义样式表属性定义样式表属性http:/8.2.1 设置设置CSS样式的类型样式的类型n使用【使用【CSS样式定义】对话框中的【类型】选项可以定义样式定义】对话框中的【类型】选项可以定义CSS样式的基样式的基本字体。本字体。n在在CSS【类型】选项中可以进行如下设置。【类型】选项中可以进行如下设置。【字体】：为样式设置字体。【字体】：为样式设置字体。【大

17、小】：定义文本大小。可以通过选择数字和度量单位选择特定的大小。【大小】：定义文本大小。可以通过选择数字和度量单位选择特定的大小。【样式】：将【正常】、【斜体】或【偏斜体】指定为字体样式，默认设置【样式】：将【正常】、【斜体】或【偏斜体】指定为字体样式，默认设置是【正常】。是【正常】。【行高】：设置文本所在行的高度，该设置传统上称为【行高】：设置文本所在行的高度，该设置传统上称为“前导前导”，输入一个，输入一个确切的值并选择一种度量单位即可。确切的值并选择一种度量单位即可。【修饰】：向文本中添加下划线、上划线或删除线，或使文本闪烁。正常文【修饰】：向文本中添加下划线、上划线或删除线，或使文本闪烁

18、。正常文本的默认修饰设置是【无】，链接的默认设置是【下划线】，将链接设置设本的默认修饰设置是【无】，链接的默认设置是【下划线】，将链接设置设为【无】时，可以通过定义一个特殊的类来删除链接中的下划线。为【无】时，可以通过定义一个特殊的类来删除链接中的下划线。【粗细】：对字体应用特定或相对的粗体量，【正常】等于【粗细】：对字体应用特定或相对的粗体量，【正常】等于400；【粗体】；【粗体】等于等于700。【变体】：设置文本为正常或者为小型大写字母，【变体】：设置文本为正常或者为小型大写字母，Dreamweaver 8不在文不在文档窗口中显示该属性。档窗口中显示该属性。【大小写】：将选定内容中的每个单

19、词的首字母大写或将文本设置为全部大【大小写】：将选定内容中的每个单词的首字母大写或将文本设置为全部大写或小写。写或小写。【颜色】：设置文本颜色。【颜色】：设置文本颜色。http:/8.2.2 设置设置CSS样式的背景样式的背景n在【分类】列表框中选择【背景】选项，背景属性的功能主在【分类】列表框中选择【背景】选项，背景属性的功能主要是在网页的元素后面加入固定的背景颜色或图像。要是在网页的元素后面加入固定的背景颜色或图像。n在在CSS【背景】选项中可以进行如下设置。【背景】选项中可以进行如下设置。【背景颜色】：设置元素的背景颜色。【背景颜色】：设置元素的背景颜色。【背景图像】：设置元素的背景图像

20、。【背景图像】：设置元素的背景图像。【重复】：确定是否以及如何重复背景图像，包含四个选项。【不【重复】：确定是否以及如何重复背景图像，包含四个选项。【不重复】表示在元素开始处显示一次图像；【重复】表示在元素的后重复】表示在元素开始处显示一次图像；【重复】表示在元素的后面水平和垂直平铺图像；【横向重复】和【纵向重复】分别表示显面水平和垂直平铺图像；【横向重复】和【纵向重复】分别表示显示图像的水平带区和垂直带区，图像被剪辑以适合元素的边界。示图像的水平带区和垂直带区，图像被剪辑以适合元素的边界。【附件】：设置背景图像是固定在它的原始位置还是随内容一起滚【附件】：设置背景图像是固定在它的原始位置还是

21、随内容一起滚动。动。【水平位置】和【垂直位置】：指定背景图像相对于元素的初始位【水平位置】和【垂直位置】：指定背景图像相对于元素的初始位置，这可以用于将背景图像与页面中心垂直和水平对齐，如果附件置，这可以用于将背景图像与页面中心垂直和水平对齐，如果附件属性为【固定】，则位置相对于【文档】窗口而不是元素。属性为【固定】，则位置相对于【文档】窗口而不是元素。http:/8.2.3 设置设置CSS样式的区块样式的区块n在【分类】列表框中选择【区块】选项，区块属性可以定义区块内字体在【分类】列表框中选择【区块】选项，区块属性可以定义区块内字体的间距和对齐设置。的间距和对齐设置。n在在CSS【区块】选项

22、中可以进行如下设置。【区块】选项中可以进行如下设置。【单词间距】：设置单词的间距，若要设置特定的值，在下拉列表框中选择【单词间距】：设置单词的间距，若要设置特定的值，在下拉列表框中选择【值】，或输入一个数值，在第二个下拉列表中，选择度量单位。【值】，或输入一个数值，在第二个下拉列表中，选择度量单位。【字母间距】：增加或减小字母或字符的间距，若要减少字符间距，指定一【字母间距】：增加或减小字母或字符的间距，若要减少字符间距，指定一个负值。个负值。【垂直对齐】：指定所选元素的垂直对齐方式，仅当应用于【垂直对齐】：指定所选元素的垂直对齐方式，仅当应用于标签时，标签时，Dreamweaver 8才在文

23、档窗口中显示该属性。才在文档窗口中显示该属性。【文本对齐】：设置元素中的文本对齐方式。【文本对齐】：设置元素中的文本对齐方式。【文本缩进】：指定第一行文本缩进的程度，可以使用负值创建凸出，但其【文本缩进】：指定第一行文本缩进的程度，可以使用负值创建凸出，但其缩进显示取决于浏览器，仅当标签应用于块级元素时，缩进显示取决于浏览器，仅当标签应用于块级元素时，Dreamweaver 8才才在文档窗口中显示该属性。在文档窗口中显示该属性。【空格】：确定如何处理元素中的空白，从三个选项中选择。【正常】表示【空格】：确定如何处理元素中的空白，从三个选项中选择。【正常】表示收缩空白；【保留】表示元素的处理方式

24、与文本被括在收缩空白；【保留】表示元素的处理方式与文本被括在pre标签中一样标签中一样(即保即保留所有空白，包括空格、制表符和回车符留所有空白，包括空格、制表符和回车符)。【不换行】表示仅当遇到。【不换行】表示仅当遇到br标标签时文本才换行，签时文本才换行，Dreamweaver不在文档窗口中显示该属性。不在文档窗口中显示该属性。【显示】：指定是否以及如何显示元素。【显示】：指定是否以及如何显示元素。http:/8.2.4 设置设置CSS样式的方框样式的方框n在【分类】列表框中选择【方框】选项，方框属性可对控制在【分类】列表框中选择【方框】选项，方框属性可对控制元素在页面放置方式的标签和属性进

25、行设置。元素在页面放置方式的标签和属性进行设置。n在在CSS【方框】选项中可以进行如下设置。【方框】选项中可以进行如下设置。【宽和高】：设置元素的宽度和高度。【宽和高】：设置元素的宽度和高度。【浮动】：设置未选择的元素在哪个边围绕已选元素浮动。【浮动】：设置未选择的元素在哪个边围绕已选元素浮动。【清除】：定义不允许层的边。如果清除边上出现层，则带清除设【清除】：定义不允许层的边。如果清除边上出现层，则带清除设置的元素移到该层的下方。置的元素移到该层的下方。【填充】：指定元素内容与元素边框【填充】：指定元素内容与元素边框(如果没有边框，则为边距如果没有边框，则为边距)之之间的间距，取消选择【全部

26、相同】选项可设置元素各个边的填充；间的间距，取消选择【全部相同】选项可设置元素各个边的填充；【全部相同】则将相同的填充属性设置应用到元素的上、下、左或【全部相同】则将相同的填充属性设置应用到元素的上、下、左或右侧。右侧。【边界】：指定一个元素的边框【边界】：指定一个元素的边框(如果没有边框，则为填充如果没有边框，则为填充)与另一与另一个元素之间的间距。仅当应用于块级元素个元素之间的间距。仅当应用于块级元素(段落、标题、列表等段落、标题、列表等)时，时，Dreamweaver 8才在【文档】窗口中显示该属性，取消选择【全部才在【文档】窗口中显示该属性，取消选择【全部相同】可设置元素各个边的边距；

27、【全部相同】将相同的边距属性相同】可设置元素各个边的边距；【全部相同】将相同的边距属性设置应用到元素的上、下、左或右侧。设置应用到元素的上、下、左或右侧。http:/8.2.5 设置设置CSS样式的边框样式的边框n在【分类】列表框中选择【边框】选项，边框属性可以定义在【分类】列表框中选择【边框】选项，边框属性可以定义元素周围边框的设置。元素周围边框的设置。n在在CSS【边框】选项中可以进行如下设置。【边框】选项中可以进行如下设置。【样式】：设置边框的样式外观，样式的显示方式取决于浏览器，【样式】：设置边框的样式外观，样式的显示方式取决于浏览器，Dreamweaver 8在【文档】窗口中将所有样

28、式呈现为实线，取消选在【文档】窗口中将所有样式呈现为实线，取消选择【全部相同】可设置元素各个边的边框样式。择【全部相同】可设置元素各个边的边框样式。【全部相同】：将相同的边框样式属性设置应用到元素的上、下、【全部相同】：将相同的边框样式属性设置应用到元素的上、下、左或右侧。左或右侧。【宽度】：设置元素边框的粗细，取消选择【全部相同】可设置元【宽度】：设置元素边框的粗细，取消选择【全部相同】可设置元素各个边的边框宽度。素各个边的边框宽度。【全部相同】：将相同的边框宽度设置应用到元素的上、下、左或【全部相同】：将相同的边框宽度设置应用到元素的上、下、左或右侧。右侧。【颜色】：设置边框的颜色，可以分

29、别设置每个边的颜色，取消选【颜色】：设置边框的颜色，可以分别设置每个边的颜色，取消选择【全部相同】可设置元素各个边的边框颜色。择【全部相同】可设置元素各个边的边框颜色。【全部相同】：将相同的边框颜色设置应用到元素的上、下、左或【全部相同】：将相同的边框颜色设置应用到元素的上、下、左或右侧。右侧。http:/8.2.6 设置设置CSS样式的列表样式的列表n在【分类】列表框中选择【在【分类】列表框中选择【列表】选项，列表属性为列列表】选项，列表属性为列表标签定义列表设置，如图表标签定义列表设置，如图8.25所示。所示。n在在CSS【列表】中可以进行【列表】中可以进行如下设置。如下设置。【类型】：设

30、置项目符号或编【类型】：设置项目符号或编号的外观类型。号的外观类型。【项目符号图像】：可以为项【项目符号图像】：可以为项目符号指定自定义图像。目符号指定自定义图像。【位置】：设置列表项文本是【位置】：设置列表项文本是否换行和缩进否换行和缩进(外部外部)以及文本以及文本是否换行到左边距是否换行到左边距(内部内部)。http:/8.2.7 设置设置CSS样式的定位样式的定位n在【分类】列表框中选择【定位】选项在【分类】列表框中选择【定位】选项,在在CSS【定位】中可以进行如下设置。【定位】中可以进行如下设置。【类型】：确定浏览器应如何来定位层，包含如下选项。【类型】：确定浏览器应如何来定位层，包含

31、如下选项。【绝对】：使用【定位】框中输入的坐标【绝对】：使用【定位】框中输入的坐标(相对于页面左上角相对于页面左上角)来定位层。来定位层。【相对】：使用【定位】框中输入的坐标来定位层。【相对】：使用【定位】框中输入的坐标来定位层。【静态】：将层放在它在文本中的位置。【静态】：将层放在它在文本中的位置。【显示】：确定层的初始显示条件。如果不指定层的可见性属性，则默认情况下大多数浏览【显示】：确定层的初始显示条件。如果不指定层的可见性属性，则默认情况下大多数浏览器都继承父级的值，选择以下可见性选项之一。器都继承父级的值，选择以下可见性选项之一。【继承】：继承层父级的可见性属性，如果层没有父级，则它

32、将是可见的。【继承】：继承层父级的可见性属性，如果层没有父级，则它将是可见的。【可见】：显示该层的内容，而不管父级的值是什么。【可见】：显示该层的内容，而不管父级的值是什么。【隐藏】：隐藏这些层的内容，而不管父级的值是什么。【隐藏】：隐藏这些层的内容，而不管父级的值是什么。【Z轴】：确定层的堆叠顺序，编号较高的层显示在编号较低的层的上面。轴】：确定层的堆叠顺序，编号较高的层显示在编号较低的层的上面。【溢出】【溢出】(仅限于仅限于CSS层层)：确定在层的内容超出它的大小时将发生的情况，这些属性控制如：确定在层的内容超出它的大小时将发生的情况，这些属性控制如何处理此溢出，如下所示。何处理此溢出，如

33、下所示。【可见】：增加层的大小，使它的所有内容均可见，层向右下方扩展。【可见】：增加层的大小，使它的所有内容均可见，层向右下方扩展。【隐藏】：保持层的大小并剪辑任何溢出的内容，不提供任何滚动条。【隐藏】：保持层的大小并剪辑任何溢出的内容，不提供任何滚动条。【滚动】：在层中添加滚动条，不论内容是否溢出。专门提供滚动条可避免滚动条在动态环【滚动】：在层中添加滚动条，不论内容是否溢出。专门提供滚动条可避免滚动条在动态环境中出现和消失所引起的混乱。境中出现和消失所引起的混乱。【自动】：使滚动条仅在层的内容溢出它的边界时才出现。【自动】：使滚动条仅在层的内容溢出它的边界时才出现。【置入】：指定层的位置和

34、大小，如果层的内容溢出指定的大小，则大小值被覆盖。【置入】：指定层的位置和大小，如果层的内容溢出指定的大小，则大小值被覆盖。【裁切】：定义层的可见部分，如果指定了剪辑区域，可以通过脚本语言访问它，并设置属【裁切】：定义层的可见部分，如果指定了剪辑区域，可以通过脚本语言访问它，并设置属性以创建类似擦除的特殊效果，通过使用【改变属性】行为可以设置这些擦除效果。性以创建类似擦除的特殊效果，通过使用【改变属性】行为可以设置这些擦除效果。http:/8.2.8 设置设置CSS样式的扩展样式的扩展n在【分类】列表框中选择【扩展】选项，在【分类】列表框中选择【扩展】选项，扩展属性包含两部分，如图扩展属性包含

35、两部分，如图8.27所示。所示。【分页】：用来分页。【分页】：用来分页。其中的两个属性作用是为打印的页面设置其中的两个属性作用是为打印的页面设置分页符。分页符。【之前】：属性名为【之前】：属性名为page-break-before。【之后】：属性名为【之后】：属性名为page-break-after。视觉效果：用来设置光标和滤镜等特殊效视觉效果：用来设置光标和滤镜等特殊效果。果。【鼠标指针】：指针位于样式所控制的对【鼠标指针】：指针位于样式所控制的对象上时改变指针图像，选择在弹出式菜单象上时改变指针图像，选择在弹出式菜单中设置的选项。中设置的选项。【过滤器】：对样式所控制的对象应用特【过滤器】：对样式所控制的对象应用特殊效果。殊效果。