在网页中加及动态效果.pptVIP

8 站点的维护与上传 复习内容 设置本地站点 设置远程站点 通过FTP访问 设置测试服务器 三者间的关系 高级——伪类选择器 使用样式表文件（*.CSS） 创建CSS文件 在创建样式的时候选择外部CSS文件 附加CSS文件表 删除CSS文件表 CSS的冲突 当来自不同样式中的文本属性在应用到同一段文本产生冲突时，浏览器将按照与文本关系的远近来决定到底显示哪一个属性。 在产生直接的冲突时，CSS样式具有较高的优先级。也就是说，在HTML样式与CSS样式存在矛盾时，浏览器将按照CSS样式中定义的文本属性来显示。 如图像或单元格等的大小、背景色等 扩展——过滤器（又称css滤镜） “alpha”滤镜：这个名字，在flash和photoshop经常见到。它们的作用基本类似，就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。 blendtrans滤镜：它的功能也比较单一，就是产生一种精细的淡入淡出的效果。 blur滤镜：把它加载到文字上，产生风吹模糊的效果，类似立体字，这将为你在网页上制作立体字标题带来了方便。也可以把blur滤镜加载到图片上，能达到用图象处理软件制作的效果。 “dropshadow”顾名思义就是添加对象的阴影效果。它的实际效果看上去就象是原来的对象离开了页面，然后在页面上显示出该对象的投影。 css的无参数滤镜共有六个（fliph、flipv、invert、xray、gray和light），虽然它们没有参数，相对来讲，灵活性要差点，但它们用起来更方便，效果也相当明显。用它们可以使文字或图片翻转、获得图片的“底片”效果，甚至可以制作图片的“x光片”效果。 glow滤镜：使对象的边缘就产生类似发光的效果，glow”滤镜制作这种效果操作非常简便。 mask滤镜：可以为网页上的元件对象作出一个矩形遮罩效果。 wave滤镜：它的作用是把对象按照垂直的波形样式扭曲的特殊效果。 light滤镜：能产生一个模拟光源的效果，配合使用一些简单的javascrpt，使对象产生奇特光照的效果。 revealtrans动态滤镜：是一个神奇的滤镜，它能产生23种动态效果，还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换，非常方便。 扩展——过滤器（又称css滤镜） 1.Alpha滤镜 语法: Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) 代码： font style=font-size:30pt;filter:alpha(opacity=100,style=3);width:100%; color:red;line-height:150%;font-family:华文行楷bCSS滤镜实例/b/font 从效果中我们可以看出，Alpha滤镜使对象呈渐变透明的效果，其效果是由脚本中的filter:alpha(opacity=100,style=3)来决定的。其中： opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明； style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。 而width:100%则表示参与渐变的对象的宽度，通常都设置为100%。 扩展——过滤器（又称css滤镜） 2. Blur滤镜 语法: Blur(Add=?, Direction=?, Strength=?) Motion Blur滤镜表现的是一种模糊效果。其ADD属性是用来确定是否在运动模糊中使用原有目标，其值为0和1，0表示“否”，用于文字，1表示“是”，用于图像；Direction属性是模糊移动的角度，其值为0至360度；Strength属性是模糊移动的距离。 代码： font style=font-size:30pt;filter:blur(add=1,direction=30,strength=5);width:100%; color:red;line-height:150%;font-family:华文行楷bCSS滤镜实例/b/font 3.Chroma 滤镜 语法: {filter:chroma(color=color)} 使用”Chroma属性可以设置一个对象中指定的颜色为透明色，参数COLOR即要透明的颜色。 扩展——过滤器（又称css滤镜） 4.Drop Shadow滤镜 语法: DropShadow(Color=?, OffX=?, OffY=?, Positive=?) Drop Shadow滤镜主要产生重叠效果。其属性为： color属性：设置影子文本的颜色； offX和of