CSS滤镜全接触
 
  作者:Eric 返回目录 下一页

  CSS(Cascading Style Sheets)中文翻译为层叠样式表单,简称样式单.它是近几年才发展起来的新技术,它是一组样式,样式中的属性在HTML元素中依次出现,并显示在浏览器中.样式可以定义在HTML文档的标记(TAG)里,也可以在外部附加文档作为外加文档.此时,一个样式表单可以作用于多个页面---甚至整个站点,因此具有更好的易用性和扩展性.你可以精确的控制主页里的每一个元素,比如一个字,用CSS你可以给它控制它的前景色,背景色,背景图片,在页面的精确位置,四周加入边框等.可以说CSS的功能是无比的强大.W3C也极力向世界推广这一先进技术.

  也许很多人对CSS的一般用途熟悉,但是可能只有少数人知道CSS里面竟然还有象PHOTOSHOP里一样的滤镜.随着网页设计技术的发展,人们已经不满足于原有的一些HTML标记,而是希望能够为页面添加一些多媒体属性,例如滤镜的和渐变的效果.CSS技术的飞快发展使这些需求成为了现实.

  从现在开始为大家介绍一个新的CSS扩展部分:CSS滤镜属性(Filter Properties).使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的HTML元素上,例如图片,文本容器,以及其他一些对象.对于滤镜和渐变效果,前者是基础,因为后者就是滤镜效果的不断变化和演示更替.当滤镜和渐变效果结合到一个基本的SCRIPT小程序中后,网页设计者就可以拥有一个建立动态交互文档的强大工具.也就是CSS FILTER + SCRIPT,这就说明想要建立动态的文档还要一些SCRIPT(脚本语言)的基础.

  可视化滤镜属性只能用在HTML控件元素上.所谓的HTML控件元素就是它们在页面上定义了一个矩形空间,浏览器的窗口可以显示这些空间.下面列出了HTML合法的控件和它们的说明:

元素 说明
BODY 网页文档的主体元素,所有的可见范围都在<BODY>元素内
BUTTON 表单域的按钮,可以有"发送(submit)","重置(reset)"等形式
DIV 定义了网页上的一个区域,这个区域的高度、宽度或者绝对位置都是以知的
IMG 图片元素,通过指定“src"属性来指定图片的来源
INPUT 输入表单域
MARQUEE 移动字幕效果
SPAN 定义了网页上的一个区域,这个区域的高度、宽度或者绝对位置都是以知的
TABLE 表格
TD 表格数据单元格
TEXTAREA 文本区域
TFOOT 多行输入文本框
TH 表格标题单元格
THEAD 表格标题
TR 表格行

  可视化滤镜可以调整页面上控件的外观,事实上,它们可以彻底改变显示的效果.IE4.0以上支持的滤镜属性有:

滤镜效果 描述
Alpha 设置透明度
Blur 建立模糊效果
Chroma 把指定的颜色设置为透明
DropShadow 建立一种偏移的影象轮廓,即投射阴影
FlipH 水平翻转
FlipV 垂直翻转
Glow 为对象的外边界增加光效
Grayscale 降低图片的彩色度
Invert 将色彩、饱和度以及亮度值完全反转建立底片效果
Light 在一个对象上进行灯光投影
Mask 为一个对象建立透明膜
Shadow 建立一个对象的固体轮廓,即阴影效果
Wave X轴和Y轴方向利用正弦波纹打乱图片
Xray 只显示对象的轮廓

  下面详细讲述每种滤镜的使用方法.

返回目录 下一页


Dynamic HTML 2000
Copyright © 2000-2001 All Rights Reserved



月光软件源码下载编程文档电脑教程网站优化网址导航网络文学游戏天地生活休闲写作范文安妮宝贝站内搜索
电脑技术编程开发网络专区谈天说地情感世界游戏元素分类游戏热门游戏体育运动手机专区业余爱好影视沙龙
音乐天地数码广场教育园地科学大观古今纵横谈股论金人文艺术医学保健动漫图酷二手专区地方风情各行各业

月光软件站·版权所有