繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 样 式 表 全 接 触（6）
- HTML/XHTML教程
- 通过W3C XHTML1.0及CSS标准必须注意的九个问题
- 注意这11个问题保证CSS的渲染效率
- 用css+js定义input_file元素的样式来兼容FireFox
- CSS技巧：如何使未知高宽的图片实现垂直居中
- CSS基础教程：布局网页技巧的完全学习手册
- css知识：Div和Span在使用中的不同之处
- css技巧：批量保存div+css网页中的图片的几种方法
- CSS技巧：常用的属性代码简化表
- 介绍二款b/s开发中常用小工具
- css教程：IE6、IE7和FF的hack的运用技巧
- Google改进SSL机制，控制SSL安全机制存漏洞
- css技巧：分享9个网页制作常用技巧
- 规范Web站点设计css类以及id的命名方式
- html教程：WEB标准从头开始_DOCTYPE声明
- html/css教程：背景图片的定位问题详解
- CSS教程：自动隐藏网页文字的技巧
- 汇总一些IE与Firefox的CSS兼容问题及解决办法
- 网页中利用Title属性的好处
- 40多个漂亮的网页表单设计实例
- 制作商业HTML邮件的建议
HTML/XHTML教程 中的 样 式 表 全 接 触（6）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 36 ::
收藏到网摘: n/a
六、样式表滤镜的构成
滤镜作为样式表大家庭中的一员，它跟样式表元素的定义和应用方式当然是一样的，能够直接定义在HTML标识的<head>和</head>只间。样式表滤镜的基本语法为：
标记｛ＦＩＬＴＥＲ：滤镜名（属性名１＝属性值１，属性名２＝属性值２，....）；｝
它所表达的意思是：在该标记范围内的内容，样式表滤镜将按照小括号内的属性名所限定的对象，按属性值所设定的数值进行特效处理。其中标记为ＨＴＭＬ语法中的任意标记，如ＳＰＡＮ，Ｐ，ＢＲ等等；滤镜名就是我们下面所涉及到的１４种滤镜名称；每一种滤镜它都有自己特定的属性名及其属性值。
例如：Ｐ { filter : alpha(opacity=80,style=1 ); }
以上就是使用样式表滤镜的定义方法。
七、静态滤镜的种类
在4.0以上版本浏览器中，支持以下14种样式表滤镜：
滤镜名 说明
Alpha 让对象呈现渐变半透明效果
Blur 让对象产生风吹模糊的效果
DropShadow 让对象有一个下落式的阴影
Glow 在对象的周围产生光晕而模糊的效果
Chroma 让图像中的某一颜色变成透明色
FlipH 让HTML对象水平转换
FlipV 让HTML对象垂直转换
Wave 让HTML对象产生水平或是垂直方向上的正弦波形
Shadow 让对象产生阴影效果
Mask 利用一个HTML对象在另一个对象上产生图像的遮罩
Light 在HTML元件上放置一个光影
Gray 把一个彩色的图象变成灰色调图象
Invert 让对象产生照片底片的效果
XRay 让对象轮廓突出显示
这些滤镜就像是这一类图像处理软件所提供的特效一样，有了这些特效，你就可以直接在HTML中对图片进行特效处理了，而不用再用专门的图片处理软件编辑图片了。样式表滤镜不仅对图象起作用，同时也适用于文本；在这里笔者为方便叙述，暂用文本作为例子来谈谈滤镜的参数及其作用。
评论 (0) All
