1、第10章 利用行为和脚本制作动感特效网页,教学目标:,了解CSS基本语法 掌握CSS属性的设置 掌握链接到或导出外部CSS样式表 掌握应用CSS样式定义文本间行距 掌握应用CSS样式制作阴影文字掌握CSS的使用技巧,学习重点:,了解CSS基本语法 熟悉文件的基本操作,HTML标志 标志属性: 属性值; 标志属性:属性值; 标志属性:属性值;,9.1 CSS基本语法,如设置HTML页面中的所有Hl标题字显示为红色,其代码如下:大家好!,9.2 设置CSS属性,921 类型属性,922背景属性,923区块属性,924方框属性,925边框属性,926列表属性,927定位属性,928扩展属性,9.3
2、链接到或导出外部CSS样式表,外部CSS样式表是一个包含各种样式化标准的外部文本文件。编辑应用于文档的内部和外部的样式都很容易,如果编辑外部样式文件,所有与之相关联的文档都会按照样式表中的格式重新设置。,9.3.1 创建外部样式表,9.3.2 链接外部样式表,外部CSS样式表是一系列存储在一个单独的外部CSS(css)文件(并非HTML文件)中的CSS规则。利用文档文件头部分中的链接,该文件被链接到Web站点中的一个或多个页面。,9.3.3 导出样式以创建CSS样式表,导出样式以创建CSS样式表的具体操作步骤如下。 1打开【CSS样式】面板,在【样式】面板中选择导出的CSS样式,单击鼠标右键,在弹出的菜单中选择【导出】选项。 2打开【导出样式为CSS文件】对话框,在对话框中的【文件名】文本框中输入导出样式的名称。单击【保存】按钮,将CSS样式导出为样式文件。,本章小结:,了解CSS基本语法掌握CSS属性的设置掌握链接到或导出外部CSS样式表掌握应用CSS样式定义文本间行距掌握应用CSS样式制作阴影文字掌握CSS的使用技巧,作业要求:,熟练写出CSS样式基本代码会基本CSS样式文件设置及修改CSS样式文件的导出与连接,