定位设置

【定位】子面板是实现精确和自由定位的关键属性，其中的属性使用“层“首选参数中定义层的默认标签，将标签或所选文本块更改为新层。如图6-14所示。面板各项参数含义如下：
l 【类型】：用来设置层的定位方式，有4种定位方式：
【绝对】：绝对定位。可将元素定位于相对于包含它的元素的指定坐标。
【固定】：可将元素定位于相对于浏览器窗口的指定坐标。坐标在下面【定位】的各项中输入。该属性工作于 IE7模式 。
【相对】：相对定位。在下面【定位】的各项中输入的数值，都是将元素定位到其相对于其正常位置的地方。
【静态】：固定位置，被元素会处于正常的位置。

图6-14  样式定义【定位】子面板
l 【显示】、【Z轴】、【溢出】、【宽】、【高】和【剪辑】：参数值的意义同层的属性相同，在前面章节已有介绍，在此不再赘述。
l 【定位】：指定对象的位置和大小。浏览器如何解释位置取决于“类型”设置。

8．扩展功能

CSS样式还可以实现一些扩展功能，这些功能集中在【扩展】面板上，如图6-15所示。这个面板主要包括3种效果：分页、鼠标效果和滤镜。

图6-15  样式定义【扩展】子面板
l 【分页】：是通过样式来为网页添加分页符号，但目前没有任何浏览器支持此项功能，故这里不作介绍。
l 【光标】：通过样式改变鼠标形状，鼠标放在被此项设置修饰的区域上，形状会发生改变。【hand】（手）、【crosshair】（交叉十字）、【text】（文本选择符号）、【wait】（Windows的漏斗形状）、【default】（默认的鼠标形状）、【help】（带问号的鼠标）、【e-resize】（向东的箭头）、“ne-resize”（指向东北的箭头）、“n-resize”（向北的箭头）、“nw-resize”（指向西北的箭头）、“s-resize”（向西南的箭头）、“auto”正常鼠标。IE4.0以上浏览器支持这些鼠标形状，使用得当，会获得很好的效果。
l 【过滤器】：使用CSS语言实现的滤镜效果。Dreamweaver CS3过滤器嵌入16项样式属性：
【alpha】：设置元素的透明度。就是把目标元素与背景混合。可以指定数值来控制混合的程度。
【blendtrans】：产生一种精细的淡入淡出的效果。
【chroma】：可以指定对象中的某个颜色为透明色。
【blur】：把它加载到文字上，产生风吹模糊的效果，类似立体字，也可以把blur滤镜加载到图片上，能达到用图象处理软件制作的效果。
【dropshadow】：就是添加对象的阴影效果。
【fliph】：使对象水平翻转。
【flipv】：使对象垂直翻转。
【glow】：使对象的边缘就产生类似发光的效果。
【gray】：把一张图片变成灰度图。
【invert】：把对象的可视化属性全部翻转,包括色彩、饱和度和亮度值。
【light】：使对象产生一个模拟光源的效果。
【mask】：使对象作出一个矩形遮罩效果。
【revealtrans】：是一个神奇的滤镜，它能产生23种动态效果，还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换，非常方便。
【shadow】：可以在指定的方向建立对象的投影。
【wave】：使对象按照垂直的波形样式扭曲的特殊效果。
【xray】：使对象看上去有一种x光片的效果。
图6-16所示的是在图像上添加“chroma”过滤器样式前后的对照图。
                      
 图6-16  添加【过滤器】样式前后对照图