CSS样式的使用实训大纲
实训目的：

1、  掌握在Dreamweaver MX中定义CSS的方法和技巧

2、  掌握使用CSS样式控制文本块或段落的外观

实训环境：

计算机、Windows XP、Dreamweaver CS3

实训内容：

1、  使用CSS样式设置《壮族·印象》网站的文本区格式

实训过程：

1．创建标签样式

将本书的实例网站（http://www.751com.cn/）的gailan.html页面背景色设置成土黄色(#996600)，页面左边界、上边界均为0。

操作步骤                                                        :

                                                        :

 2．创建类样式

将本书的实例网站（http://www.751com.cn/）的gailan.html页面设置标题，将标题设置为“黑体，24点数（pt）”。

操作步骤                                                        :

                                                        :

3．创建高级样式

将本书的实例网站（http://www.751com.cn/）的gailan.html页面创建链接样式。链接的文字一般状态是灰色，宋体，14像素，没有下划线；访问过后为灰色，宋体，14像素，没有下划线；鼠标经过为橙色，宋体，14像素，出现下划线。

操作步骤                                                     :

                                                        :

思考题：

1、  CSS样式分哪几类？它们驻留在什么位置？优先级如何？

2、  建立CSS样式时，有几种器类型，它们之间有什么不同？

实训总结：

思考题参考答案：

1、  CSS样式分为内联式样式表、内部样式表、外部样式表。内联式样式表使用style属性将样式嵌入到其作用的HTML代码中；内部样式表包含在HTML文档head部分的style标签内；外部样式表存储在一个单独的CSS文件中。优先级：内联式样式>内部样式>外部样式。

2、  有三种器类型：类：可应用于任何标签，需引用；标签：自动应用到网页中所有的具体标签上；高级：可以定义网页中的超级链接效果或重定义特定标签组合的格式。