推荐教程--CSS+DIV_教程范本02.ppt

样式表主要内容一、CSS的基本概念一、CSS的基本概念一、CSS的基本概念一、CSS的基本概念一、CSS的基本概念一、CSS的基本概念一、CSS的基本概念选择符的类别选择符的类别a:link{color:#000000}
a:visited{color:#cccccc}
a:hover{color:#000000;font-style:italic}
a:active{color:#aaaaaa}二、CSS与HTML文档的结合方法二、CSS与HTML文档的结合方法二、CSS与HTML文档的结合方法二、CSS与HTML文档的结合方法二、CSS与HTML文档的结合方法三、CSS属性的理解与应用字体属性颜色及背景属性文本属性区块属性分级属性鼠标属性练习：练习：练习：练习：练习：课堂练习：四、CSS样式的单位四、CSS样式的单位五、CSS样式在网页中的应用五、CSS样式在网页中的应用六、用CSS样式制作一些特殊效果七、样式表的高级应用1、CSS的滤镜属性（filter）的应用Chroma 让图像中的某一颜色变成透明色
FlipH 让HTML对象水平转换
FlipV 让HTML对象垂直转换
Wave 让HTML对象产生水平或是垂直方向上的正弦波形√
Shadow 让对象产生阴影效果√
Mask 利用一个HTML对象在另一个对象上产生图像的遮罩
Light 在HTML元件上放置一个光影
Gray 把一个彩色的图象变成灰色调图象
Invert 让对象产生照片底片的效果
XRay 让对象轮廓突出显示（1）Alpha——让对象呈现渐变半透明效果√

（2）Blur——让对象产生模糊的效果√P158
（3）DropShadow——让对象有一个下落式的阴影√
（4）Glow——在对象的周围产生光晕而模糊的效果√
参数如下：
COLOR：指定发光的颜色。
STRENGTH：发光强度的表现，也指光晕的厚度；其大小可以从1到255之间的任何整数来指定这个强度。
例如：（5）Chroma——让图像中的某一颜色变成透明色
参数如下：
COLOR属性：用来指定要变为透明色的颜色，通过该属性值的设定，我们可以来过滤某图象中的指定颜色。
例如：

（6）FlipH——让HTML对象水平转换（没有参数）
FlipV——让HTML对象垂直转换（没有参数）
例如：（7）Wave——让HTML对象产生水平或是垂直方向上的正弦波形√
参数如下：
add：是一个布尔值，它用来决定是否将原始图象加入最后的效果之中。0：不使用原图；1：使用
freq：是指波纹的频率，也就是指定在对象上一共需要产生多少个完整的波纹。
phase：用来设置正弦波的偏移量，也就是决定波形的形状，其属性值的取值范围为从0到360度。
lightstrength：对于波纹增强光影的效果，其取值范围为从0到100。
strength：用来决定波形振幅的大小。（8）Shadow——让对象产生阴影效果
参数如下：
color：设置阴影的颜色。
direction：设置投影的方向，取值范围为０度到３６０度，其中0度代表垂直向上，然后每45度为一个单位，该属性的默认值是向左的270度。
例如：（9）Mask——利用一个对象在另一个对象上产生图像的遮罩√
作用：该滤镜能够利用一个HTML对象在另一个对象上产生图像的遮罩，可以为对象建立一个覆盖于表面的膜，其效果就象戴者有色眼镜看物体一样，一般适用于图象对象。
参数：color属性用来指定要被遮罩的颜色。（10）Light——在HTML元件上放置一个光影（没有参数）
作用：该滤镜能够使html对象产生一种模拟光源的投射效果。一旦为对象定义了light滤镜属性，那么就可以调用它的方法来设置或者改变属性。
light可用的方法有：
MoveLight移动光源
Changcolor改变光的颜色
AddAmbient加入包围的光源
AddPoint加入点光源
Clear清除所有的光源
AddCone加入锥形光源
Changstrength改变光源的强度（11）Gray——把一个彩色的图象变成灰色调图象
作用：该滤镜能够使一张彩色的图片转变为灰色调图象，一般适用于图象对象。
参数：该滤镜没有附带参数。
（12）Invert——让对象产生照片底片的效果
作用：该滤镜能够使图象产生照片底片的效果，一般适用于图象对象。
参数：该滤镜没有参数。
（13）XRay——让对象轮廓突出显示
作用：该滤镜能够让对象反映出它的轮廓并把这些轮廓加亮显示，一般适用于图象对象。
参数：该滤镜没有参数。3、新的滤镜（要结合Javascript脚本）
(1)Blentrans:混合转换滤镜，提供淡入淡出效果
duration参数：淡入或淡出的时间，以秒作单位
(2)RevealTrans:提供了更加