dreamweaver之css扩展属性

《dreamweaver之css扩展属性》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Dreamweaver之CSS扩展属性　　“扩展”样式属性包括过滤器、分页和光标选项，它们中的大部分效果仅受InternetExplorer4.0和更高版本的支持。　　指定扩展属性：在“CSS样式定义”对话框中，选择“扩展”（如下图），然后设置所需的样式属性。　　分页：在打印期间在样式所控制的对象之前或者之后强行分页。选择要在弹出式菜单中设置的选项。此选项不受任何4.0版本浏览器的支持，但可能受未来的浏览器的支持。　　光标：位于“视觉效果”下的“光标”选项，是光标显示属性设置。当指针位于样式所控制的对象上时改变指针图像。选择弹出式菜单（下图）进行设置。它的详细列表和相关说明。　

2、　过滤器：又称CSS滤镜，对样式所控制的对象应用特殊效果。它把我们带入绚丽多姿的世界。正是有了滤镜属性，页面才变得更加漂亮。DWMX2004扩展类过滤器嵌入16项样式属性（如下图），您可以根据您的需要从“过滤器”弹出式菜单中选择并加以设置。　　下图列出16项滤镜及说明，现在再进一步介绍一下：　　Alpha滤镜：这个名字，在Flash和Photoshop经常见到。它们的作用基本类似，就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。　　BlendTrans滤镜：它的功能也比较单一，就是产生一种精细的淡入淡出的效果。　　B

3、lur滤镜：把它加载到文字上，产生风吹模糊的效果，类似立体字，这将为你在网页上制作立体字标题带来了方便。也可以把Blur滤镜加载到图片上，能达到用图象处理软件制作的效果。　　DropShadow顾名思义就是添加对象的阴影效果。它的实际效果看上去就象是原来的对象离开了页面，然后在页面上显示出该对象的投影。　　CSS的无参数滤镜共有六个（FlipH、FlipV、Invert、Xray、Gray和Light），虽然它们没有参数，相对来讲，灵活性要差点，但它们用起来更方便，效果也相当明显。用它们可以使文字或图片翻转、获得图片的“底片”效果，甚至可以制作图片的“X光片”效果。　　Glow

4、滤镜：使对象的边缘就产生类似发光的效果，glow”滤镜制作这种效果操作非常简便。　　Mask滤镜：可以为网页上的元件对象作出一个矩形遮罩效果。　　Wave滤镜：它的作用是把对象按照垂直的波形样式扭曲的特殊效果。　　Light滤镜：能产生一个模拟光源的效果，配合使用一些简单的Javascrpt，使对象产生奇特光照的效果。　　RevealTrans动态滤镜：是一个神奇的滤镜，它能产生23种动态效果，还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换，非常方DW滤镜样式的语法规则程序代码style="filter:滤镜名(属性1＝值1,属性2＝值2......)"

5、其中，“滤镜名”就是你在DW样式设置模块的滤镜下拉列表中看到的名称，属性值只需填入数字即可。下面是DW所提供的主要几个滤镜的功能说明：下面是主要滤镜资料包括功能、语法、属性意义、简单例子及应用说明：1.滤镜:alpha设置透明层次语法:STYLE="filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)"说明：Opacity：透明度级别，范围是0-100，0代表完全透明，100

6、代表完全不透明。FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0到100。Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。StartX和StartY：代表渐变透明效果的开始X和Y坐标。FinishX和FinishY：代表渐变透明效果结束X和Y的坐标。例子：filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")2.滤镜:blur创建高速度移动效果，即模糊效果语法:STYLE="filter:Blur(Add=add,Direction=direct

7、ion,Strength=strength)"说明：Add：是否单方向模糊，此参数是一个布尔值，true（非0）或false（0）。一般为1，或0。Direction：设置模糊的方向，其中0度代表垂直向上，然后每45度为一个单位，0-315度，步长为45度。Strength：代表模糊的象素值，Strength:效果增长的数值,一般5即可.例子：filter:Blur(Add="1",Direction="45",Strength="5")3.滤镜:Chroma制作专用颜色透明语法:STYLE