CSS样式的使用实训大纲
实训目的:
1、 掌握在Dreamweaver MX中定义CSS的方法和技巧
2、 掌握使用CSS样式控制文本块或段落的外观
实训环境:
计算机、Windows XP、Dreamweaver CS3
实训内容:
1、 使用CSS样式设置《壮族·印象》网站的文本区格式
实训过程:
1.创建标签样式
将本书的实例网站(http://www.youerw.com/)的gailan.html页面背景色设置成土黄色(#996600),页面左边界、上边界均为0。
操作步骤 :
:
2.创建类样式
将本书的实例网站(http://www.youerw.com/)的gailan.html页面设置标题,将标题设置为“黑体,24点数(pt)”。
操作步骤 :
:
3.创建高级样式
将本书的实例网站(http://www.youerw.com/)的gailan.html页面创建链接样式。链接的文字一般状态是灰色,宋体,14像素,没有下划线;访问过后为灰色,宋体,14像素,没有下划线;鼠标经过为橙色,宋体,14像素,出现下划线。
操作步骤 :
:
思考题:
1、 CSS样式分哪几类?它们驻留在什么位置?优先级如何?
2、 建立CSS样式时,有几种器类型,它们之间有什么不同?
实训总结:
思考题参考答案:
1、 CSS样式分为内联式样式表、内部样式表、外部样式表。内联式样式表使用style属性将样式嵌入到其作用的HTML代码中;内部样式表包含在HTML文档head部分的style标签内;外部样式表存储在一个单独的CSS文件中。优先级:内联式样式>内部样式>外部样式。
2、 有三种器类型:类:可应用于任何标签,需引用;标签:自动应用到网页中所有的具体标签上;高级:可以定义网页中的超级链接效果或重定义特定标签组合的格式。