CSS 过滤器 滤镜
滤镜效果 | 功能描述
-----------------------------------------------
Alpha | 设置不同的透明度变化效果
-----------------------------------------------
Blur | 建立模糊效果
-----------------------------------------------
DropShadow| 建立一种偏移的影象轮廓，即投射阴影
-----------------------------------------------
FlipH | 水平翻转
-----------------------------------------------
FlipV | 垂直翻转
-----------------------------------------------
Glow | 为对象的边界增加色彩光效
-----------------------------------------------
Gray | 将图片以灰度形式显示
-----------------------------------------------
Invert | 将色彩、饱和度以及亮度值完全反转,类似底片效果
-----------------------------------------------
Light | 在一个对象上进行灯光投影
-----------------------------------------------
Mask | 为一个对象建立彩色透明遮罩
-----------------------------------------------
Shadow | 为对象建立轮廓的影效果
-----------------------------------------------
Wave | 在X轴和Y轴方向利用正弦波打乱图片
-----------------------------------------------
Xray | 只显示对象的轮廓
-----------------------------------------------
----------------括号里面的是参数。-------------
细致的解释看下面：
1、Alpha 滤镜
"Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定各种不同范围的透明度。
Alpha 滤镜语法
{FILTER：ALPHA(opacity=opacity,finishopacity=finishopacity,
style=style,startx=startx,
starty=starty,finishx=finishx,finishy=finishy)}
参数含义分别如下：
参数 说明
opacity 透明度。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。
finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0 到 100。
style 指定透明区域的形状特征：
0 代表统一形状
1 代表线形
2 代表放射状
3 代表矩形
startx 渐变透明效果开始处的 X坐标。
starty 渐变透明效果开始处的
相关文档：
一年里遇到的css问题总结一下：
到现在发现用hack越多证明你的水平越差，目前写的代码几乎没有用到这些解决方法了。但是话说回来只有遇到问题并且解决才能最终达到预防。直到所有的都遇到了你也就是高手了！
应用最多的本人感觉就是：height:1%;overflow:hidden;//解决float等问题
1、高度自适应问题：
完美解决 ......
原图是指用ps设计出来由图层整合而成的最终的设计图。
FSCapture.exe的捕捉活动窗口的快捷键是F2
如何去掉背景图上的字？
使用切片工具把图片上的所有图片切下来以后，通过“文件|存储为Web所用格式”，选择“存储”，在“切片”下选择“所有切片”（选中的切片只有当前的一个� ......
声明：本文转自www.52css.com
1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。
2、无边框。推荐的写法是 border:none;，哈哈，我一直在用 ......
两列布局
1、左列固定，右列自适应
#left{ width:190px; float:left; }
#right{ margin-left:205px; }
2、右列固定，左列自适应
#left{ float:left; width:100%; }
#right{ float:left; margin-left:-100px; width:100px; }
三列布局
左� ......
<html>
<head>
<title>CSS伪类 pseudo-class</title>
<style type="text/css">
a:link {color: #FF0000} /* 未被访问的链接 红色 */
a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */
a:hover {color: #FFCC00} /* 鼠标悬浮在上的� ......
