网页设计之 CSS层叠样式表.pptVIP

4.2.4 套用CSS 对于已经建立的CSS样式，可以套用到选定的对象上。 例:在上列网页中，选定文本“2.《网络安全基础与应用》”，右键单击.STYLE1，选择“套用”，或者在下边“属性面板”的“样式”框里选择STYLE1，则.STYLE1即可应用到选定的文本上。如下图: 4.3 CSS滤镜 CSS的滤镜（filter）属性 glow：加光辉在附近对象的边外。 blur：创建高速度移动效果，即模糊效果。 chroma：制作专用颜色透明。 DropShadow：创建对象的固定影子。 FlipH：创建水平镜像图片。 alpha：设置透明层次 FlipV：创建垂直镜像图片。 Xray：使对象变得像被x光照射一样。 invert：反色 light：创建光源在对象上。 mask：创建透明掩膜在对象上。 shadow：创建偏移固定影子。 gray：把图片灰度化。 wave：波纹效果。 4.3 CSS滤镜 （1）滤镜：Alpha设置透明层次 语法：STYLE filter:Alpha Opacity opacity, FinishOpacity finishopacity，Style style, StartX startX，StartY startY，FinishX finishX，FinishY finishY Style：1或2或3 Opacity：起始值，取值为0～100, 0为透明，100为原图。 StartX/ StartY ：任意值 FinishOpacity：目标值。 说明： 例：filter:Alpha Opacity 0,FinishOpacity 75,Style 2 4.3 CSS滤镜 （2）滤镜：blur创建高速度移动效果，即模糊效果 语法：STYLE filter:Blur Add add, Direction direction, Strength strength Strength：效果增长的数值，一般5即可 Add：一般为1，或0 Direction：角度，0～315度，步长为45度 说明： 例：filter:Blur Add 1,Direction 45,Strength 5 4.3 CSS滤镜 （3）滤镜：Chroma制作专用颜色透明 语法：STYLE filter:Chroma Color color color：#rrggbb格式，任意。 说明： 例：filter:Chroma Color #FFFFFF 4.3 CSS滤镜 （4）滤镜：DropShadow创建对象的固定影子 语法：STYLE filter:DropShadow Color color, OffX offX, OffY offY, Positive positive Offy：Y轴偏离值。 Color:#rrggbb格式，任意。 Positive：1或0。 Offx：X轴偏离值。 说明： 例：filter:DropShadow Color #4499CC,OffX 5,OffY 5,Positive 1 4.3 CSS滤镜 （5）滤镜：FlipH创建水平镜像图片 语法：STYLE filter:FlipH 例：filter:FlipH （4）滤镜：FlipV创建垂直镜像图片 语法：STYLE filter:FlipV 例：filter:FlipV （14）滤镜：Xray使对象变得像被x光照射一样 语法：STYLE filter:Xray 例：filter:Xray 1． 4.3 CSS滤镜 （7）滤镜：glow加光辉在附近对象的边外 语法：STYLE filter:Glow Color color, Strength strength Strength：强度 0－100 Color：发光颜色。 FinishOpacity：目标值。 说明： 例： filter:Glow Color #4499CC,Strength 5 4.3 CSS滤镜 （4）滤镜：gray把图片灰度化 语法： STYLE filter:Gray 例： filter:Gray （9）滤镜：invert反色 语法：STYLE filter:Invert 例：filter:Invert （10）light：创建光源在对象上 语法：style filter:light enabled 0 | 1 例：filter:light enabled 1 （11）滤镜：mask创建透明掩膜在对象上 语法：STYLE filter:Mask Color color 例：filter:Mask Color #FFFFE0 4.3 CSS滤镜 （