文档介绍：第4章层叠样式表
CSS 概述
创建和编辑CSS样式
设置CSS样式参数
精选课件
CSS 概述
CSS基本概念
CSS基本语法
精选课件
：
（1）定义超链接的HTML标签。
（2）单击【文本》CSS样式》新建】选项，打开【新建CSS规则】对话框。
（3）在【选择器类型】中选择【标签（重新定义特定标签的外观）】单选按钮。
（4）在【标签】下拉列表中选择【a】选项，因为超链接都在<a>标签内。
（5）在【定义在】中选择【仅对该文档】单选按钮，如图4-10所示。
6）单击【确定】按钮，打开【a的CSS规则定义】对话框。
精选课件
动态链接CSS样式
（7）在【分类】列表中选择【类型】选项，设置大小为12像素，选中【无】复选框，颜色设置为#00CCFF，如图4-11所示。
（8）单击【确定】按钮，完成标签的样式定义。
（4）下面定义超链接的样式，单击【文本》CSS样式》新建】选项，打开【新建CSS规则】对话框，如图4-12所示。
（10）在【选择器类型】中选中【高级（ID、伪类选择器等）】单选按钮。
（11）在【选择器】下拉列表中选择【a:link】选项。
（12）在【定义在】中选择【仅对该文档】单选按钮。
精选课件
动态链接CSS样式
（13）单击【确定】，此时将会打开【a:link的CSS规则定义】对话框，如图4-13所示。
（14）在【分类】列表中选择【类型】选项，设置大小为12像素，选中【无】复选框，设置颜色为#0066CC。
（15）单击【确定】按钮，完成链接样式的定义。
（16）下面定义当鼠标移到超链接上的样式，单击【文本》CSS样式》新建】选项，打开【新建CSS规则】对话框，如图4-14所示。
（17）在【选择器类型】中选中【高级（ID、伪类选择器等）】单选按钮。
（18）在【选择器】下拉列表中选择【a:hover】选项。
精选课件
动态链接CSS样式
（14）在【定义在】中选择【仅对该文档】单选按钮。
（20）单击【确定】按钮，此时将会弹出【a:hover的CSS规则定义】对话框。
（21）在【分类】列表中选择【类型】选项，设置大小为12像素，选中【无】复选框，设置颜色为#FF4433，如图4-15所示。
（22）此时在【CSS样式】面板中就会出现所设置的动态链接样式，如图4-16所示。
（23）在浏览器中预览网页，可以看到网页的动态链接效果，如图4-17所示。
精选课件
导出CSS文件
下面介绍如何导出CSS样式表，具体操作步骤如下：
（1）选择菜单命令【文件】导出】CSS样式表】，如图4-18所示。
（2）打开【导出CSS样式为CSS文件】对话框，在【保存在】下拉列表中设置文件的保存路径，在【文件名】文本框中设置保存CSS的文件名，如图4-14所示。
（3）单击【保存】按钮，导出网页中的CSS文件。
精选课件
导入CSS文件
下面介绍如何导入CSS样式表，具体步骤如下：
（1）在【CSS样式】面板中单击鼠标右键，从弹出的菜单中选择【附加样式表】选项，如图4-20所示。
（2）打开【链接外部样式表】对话框，如图4-21所示。
（3）单击【浏览】按钮，打开【选择样式表文件】对话框，选择要导入的CSS文件，如图4-22所示。
（4）单击【确定】按钮返回到【链接到外部样式表】对话框中。
（5）选中【导入】单选按钮，如图4-23所示。
（6）单击【确定】按钮，将CSS文件导入到编辑的网页中，如图4-24所示。
精选课件
链接外部CSS样式
下面介绍如何链接外部CSS样式，具体操作步骤如下：
（1）在【CSS样式】面板中单击鼠标右键，从弹出的菜单中选择【附加样式表】选项，如图4-25所示。
（2）在打开的【链接外部样式表】对话框中单击【浏览】按钮。
（3）打开【选择样式文件】对话框，选择一个CSS文件，如图4-26所示。
（4）单击【确定】按钮返回【链接外部样式表】对话框。
（5）选中【链接】单选按钮，如图4-27所示。
（6）单击【确定】按钮，将CSS样式文件链接到网页中。
精选课件
设置CSS样式参数
文本样式设置
背景样式设置
区块样式设置
方框样式设置
边框样式设置
列表样式设置
定位样式设置
扩展样式设置
精选课件
文本样式设置
使用CSS样式最常用的是设置文本的样式，打开文档中定义好的要编辑的样式，单击CSS面板中的【编辑样式】按