CSS的属性:定义页面的样式
1.字体属性;
2.颜色和背景属性;
3.文本属性;
4.容器属性;
5.分级属性;
6.鼠标属性;
CSS定位:页面的布局和控制;相对定位(在文档原始位置上偏移)和绝对定位(允许任意定位)
1.动态转换;
2.空间定位;
CSS滤镜: filter:filtername(parameters)
alpha属性:
alpha是来设置透明度的。先来看一下它的表达格式:
filter:alpha(opacity=opcity,finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,
finishY=finishY)
blur属性:
如您用手在一幅还没干透的油画上迅速划过,画面就会变得模糊。CSS下的blur属性就会达到这种模糊的效果。
先来看一下blur属性的表达式:
Chroma属性
Chroma属性可以设置一个对象中指定的颜色为透明色,它的表达式如下:
Filter:Chroma(color=color)
DropShadow属性
DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面,然后在页面上显示出该对象的投影。看一看它的表达式:
Filter:DropShadow(Color=color,Offx=Offx,Offy=offy,Positive=positive)
FlipH、FlipV属性
Flip是CSS滤镜的翻转属性,FlipH代表水平翻转,FlipV代表垂直翻转。它们的表达式很简单,分别是:
Filter:FlipH
Filter:FlipV
Glow属性
当对一个对象使用“Glow”属性后,这个对象的边缘就会产生类似发光的效果。它的表达式如下:
Filter:Glow(Color=color,Strength=strength)
Gray属性
Gray属性把一张图片变成灰度图。它的表达式很简单:
Filter:Gray
其实这个属性没什么好讲的,只需在您定义的IMG样式中加入一句代码:
{Filter:Gray}就一切OK了
Invert属性
Invert属性可以把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。
它的表达式也很简单:
Mask属性
Mask属性为对象建立一个覆盖于表面的膜。它的表达式也很简单:
Filter:Mask(Color=颜色)
Shadow属性
Shadow属性可以在指定的方向建立物体的投影。它的表达式是这样的:
Filter:Shadow(Color=color,Direction=direction)
Wave属性
Wave属性用来把对象按照垂直的波纹样式打乱。它的表达式如下:
Filter:Wave(Add=True(False),Freq=频率,LightStrength=增强光效,Phase=偏移量,Strength=强度)
Xray属性
Xray就是X射线的意思。
Xray属性,顾名思义,这种属性产生的效果就是使对象看上去有一种X光片的感觉。 它的表达式很简单: