网页制作（dweamweaver mx）.pptVIP

9.1 CSS样式表定义与作用 样式表：也称为CSS，也就是层叠样式表（Cascading Style Sheets），用于实现一些网页元素包括字体、字号、颜色、链接状态及表现等的设置，对网页设计的效果及网页一致性的处理带来较大的方便。 优点:(1)为页面提供更多的效果。 (2)便于对整体网页风格的控制。 (3) 便于对网页样式进行统一的修改. 9.2.1 样式表的创建 样式表分为内部样式表和外部样式表 内部样式表:样式表的代码嵌入到HTML中,可以直接应用到对象上. 外部样式表:以文件的形式存在于站点中,通过导入或链接的方式附加到对象上. 创建样式表的对话框中各参数的意思 （1）类：用于自定义CSS样式 ，可以将定制的样式应用于任何的文本块或者文本区，如果一个文本块应用了样式，则一个Class属性就会添加到文本标签块上。 例如，自定义样式class1.htm,应用到某一段文本。 9.2.1 样式表的创建 （2）标签：用于重新改变HTML标签中的默认样式，当你创建或修改某一具体的标签时，所有用标签定义的文本都将被立即更新。 例如，h1标签的修改,p标签的修改，td标签的修改 9.2.1 样式表的创建 （3）高级：称为筛选器，专门用于定义链接的不同状态的样式效果。 a:link：未访问的超链接。 a:visited：已经访问过的超链接。 a:hover：MOUSE指针移动到其上时的超链接。 a:active：正在访问的超链接。 （4）名称：用户自己输入的用于将要建立的样式表的名称。 14.2.3 CSS样式表的三种使用方法 嵌入：仅对一个页面起作用。内部样式表 链接：多个页面共用一个样式表文件，将编辑好的样式表保存在 .css的文件中。通过传递或访问外部样式表的信息。 导入：多个页面共用一个样式表文件，将编辑好的样式表保存在 .css的文件中，是将外部样式表的信息导入当前文档中。 9.2.2 样式表分类属性 样式可以设置如下的类型：背景、区块、边框、列表、定位、光标效果等。 9.2.2 样式表分类属性 定义输入行的背景颜色： 背景颜色 背景图像：优先于背景颜色 重复 水平位置 垂直位置 9.2.2 样式表分类属性 区块：应用区块样式,可以对网页中的文字进行排版。 方框：应用方框样式 ,可以对网页中的文字、图像进行版，设置浮动左、右，则可以使文字与图像混排。 边框：设置对象的边框的宽度、颜色和样式。 列表：设置列表项样式、列表项图片和位置,只有列表项应用才有效。 9.2.2 样式表分类属性 定位：定义层,设置网页中图像的相对位置与绝对位置。 “绝对”，输入的坐标，相对于页面(层)左上角来放置层。 “相对”，输入的坐标，相对于对象在文档的文本流中的位置来放置层。该选项不显示在“文档”窗口中。 “静态”,将层放在它在文本流中的位置。 “固定”,位置不变。 “显示”,确定层的初始显示条件。如果不指定可见性属性，则默认情况下大多数浏览器都继承父级的值。选择以下可见性选项之一： “继承”继承层父级的可见性属性。 “可见”显示层的内容，而不管父级的值是什么。 “隐藏”隐藏层的内容，而不管父级的值是什么。 9.2.2 样式表分类属性—扩展 定义鼠标经过图像经过超级链接时的形状 hand：是大家所熟悉的手型。　　　 crosshair：是十字型。　　　 text：是平时鼠标移动到文本上的样式。　　　 wait：是等待的效果。　　　 default：是默认的那种效果。　　　 help：是带问号的鼠标样式。　　　 9.2.2 设置扩展参数 （1）Alpha滤镜：　 语法：Alpha(Opacity=?, FinishOpacity=？) 　 参数：“Opacity”参数代表透明度水准。默认的范围是从0到100，它们是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。　 “FinishOpacity”是一个可选参数，如果想要设置渐变的透明效果，就可以使用它们来指定结束时的透明度。　 “Style”参数指定了透明区域的形状特征。其中０代表统一形状、１代表线形、２代表放射状、３代表长方形。 9.2.2 设置滤镜的扩展参数 (2)Ｂlur滤镜：　 　语法：Blur(Add=?, Direction=?, Strength=?)　 　参数“Add” 参数是一个布尔判断（Ｔrue或False），它指定图片是否模糊。　 “Direction”参数用来设置模糊的方向。其中0代表垂直方向，然后每45度为一个单位。它的默认值是向左的270度。