Dreamweaver MX 2004 CSS使用教程之CSS扩展属性

css|dreamweaver|教程

  本站原创内容,转载请注明出处网页教学网

  九.定义 CSS 样式扩展属性

  “扩展”样式属性包括过滤器、分页和光标选项,它们中的大部分效果仅受 Internet Explorer 4.0 和更高版本的支持。

  指定扩展属性:在“CSS 样式定义”对话框中,选择“扩展”(如下图),然后设置所需的样式属性。


  分页:在打印期间在样式所控制的对象之前或者之后强行分页。选择要在弹出式菜单中设置的选项。此选项不受任何 4.0 版本浏览器的支持,但可能受未来的浏览器的支持。

  光标:位于“视觉效果”下的“光标”选项,是光标显示属性设置。当指针位于样式所控制的对象上时改变指针图像。选择弹出式菜单(下图)进行设置。 它的详细列表和相关说明。


  过滤器:又称 CSS滤镜, 对样式所控制的对象应用特殊效果。它把我们带入绚丽多姿的世界。正是有了滤镜属性,页面才变得更加漂亮。DW MX 2004 扩展类过滤器嵌入16项样式属性(如下图),您可以根据您的需要从“过滤器”弹出式菜单中选择并加以设置。


  下图列出16项滤镜及说明,现在再进一步介绍一下:


  “Alpha”滤镜:这个名字,在Flash和Photoshop经常见到。它们的作用基本类似,就是把一个目标元素与背景混合。你可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。

  BlendTrans滤镜:它的功能也比较单一,就是产生一种精细的淡入淡出的效果。

  Blur滤镜:把它加载到文字上,产生风吹模糊的效果,类似立体字,这将为你在网页上制作立体字标题带来了方便。也可以把Blur滤镜加载到图片上,能达到用图象处理软件制作的效果。

  “DropShadow”顾名思义就是添加对象的阴影效果。它的实际效果看上去就象是原来的对象离开了页面,然后在页面上显示出该对象的投影。

  CSS的无参数滤镜共有六个(FlipH、FlipV、Invert、Xray、Gray和Light),虽然它们没有参数,相对来讲,灵活性要差点,但它们用起来更方便,效果也相当明显。用它们可以使文字或图片翻转、获得图片的“底片”效果,甚至可以制作图片的“X光片”效果。

  glow滤镜:使对象的边缘就产生类似发光的效果,glow”滤镜制作这种效果操作非常简便。

  Mask滤镜:可以为网页上的元件对象作出一个矩形遮罩效果。

  wave滤镜:它的作用是把对象按照垂直的波形样式扭曲的特殊效果。

  Light滤镜:能产生一个模拟光源的效果,配合使用一些简单的Javascrpt,使对象产生奇特光照的效果。

  RevealTrans动态滤镜:是一个神奇的滤镜,它能产生23种动态效果,还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换,非常方便。

时间: 2024-08-02 21:48:20

Dreamweaver MX 2004 CSS使用教程之CSS扩展属性的相关文章

Dreamweaver MX 2004 CSS使用教程之CSS类型属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 二.定义CSS的类型属性 使用"CSS 样式定义"对话框中的"类型"类别可以定义 CSS 样式的基本字体和类型设置. 定义 CSS 样式的类型设置: 在"CSS 样式定义"对话框中,选择"类型"(如下图),然后设置所需的样式属性. 以下属性如果不设置可以保留为空. 字体:为样式设置字体.DW MX 2004内置6个系列的英文字体(如下图). 一般英

Dreamweaver MX 2004 CSS使用教程之CSS方框属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 五.定义 CSS 样式方框属性 使用"CSS 样式定义"对话框的方框(又称盒子)类别可以为控制元素在页面上的放置方式的标签和属性定义设置.可以在应用填充和边距设置时将设置应用于元素的各个边,也可以使用"全部相同"设置将相同的设置应用于元素的所有边. 定义元素在页面上的放置方式:在"CSS 样式定义"对话框中,选择"方框"(如下图),然后设置所需的样

Dreamweaver MX 2004 CSS使用教程之CSS区块属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 四.定义 CSS 样式区块属性 使用"CSS 样式定义"对话框的"区块"类别可以定义标签和属性的间距和对齐设置. 定义区块设置:在"CSS样式定义"对话框中,选择"区块"(如下图),然后设置所需的样式属性. 如果不设置属性可以保持为空. 单词间距:设置单词的间距.若要设置特定的值,请在弹出式菜单中选择"值",然后输入一个数值.在

学习网页技术CSS高级教程之CSS 伪元素

css|高级|教程|网页 CSS 伪元素被用来将特殊的效果添加到某些选择器. CSS 伪元素 (Pseudo-elements)实例: 制作首字母特效 本例演示如何向文本的首字母添加特效. <html><head><style type="text/css">p:first-letter {color: #ff0000;font-size:xx-large}</style></head><body><p>

css基础教程之CSS基础语法

 我们学习CSS要明白一个重要的问题,CSS主要是解决与实现表现(CSS)与结构(HTML)的分离.我们编写完HTML之后,如何通过CSS对HTML实现控制呢. 1. 行内样式 2. 内嵌样式 3. 链接样式 4. 导入样式 我们这一节课的示例就先从行内样式开始 行内样式:就是直接在HTML上写样式,就是HTML上加属性style=""这种形式.如<p style="color:#f00">divcss8</p>,但是这种方法并不是被我们推荐

Dreamweaver MX 2004 CSS使用教程之CSS滤镜介绍

css|dreamweaver|教程|滤镜 本站原创内容,转载请注明出处网页教学网. 十.CSS 滤境的详细介绍1 ALPHA 属性 [Alpha滤镜属性]这个名字,在Flash和Photoshop经常见到.它们的作用基本类似,就是把一个目标元素与背景混合.你可以指定数值来控制混合的程度.这种"与背景混合"通俗地说就是一个元素的透明度.通过指定坐标,可以指定点.线.面的透明度.由于"Alpha"滤镜的参数多,我们先来看一下下图: "opacity"

Dreamweaver MX 2004 CSS使用教程之CSS列表属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 七.定义 CSS 样式列表属性 "CSS 样式定义"对话框的"列表"类别为列表标签定义列表设置(如项目符号大小和类型). 定义列表样式:在"CSS 样式定义"对话框中,选择"列表"(如下图),然后选择所需的样式属性. 如果不设置属性可以保持为空. 类型:设置项目符号或编号的外观.两种浏览器都支持"类型". 项目符号图像:可以为项

Dreamweaver MX 2004 CSS使用教程之CSS背景属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 三.定义 CSS 样式背景属性 使用"CSS 样式定义"对话框的"背景"类别可以定义 CSS 样式的背景设置.可以对网页中的任何元素应用背景属性.例如,创建一个样式,将背景颜色或背景图像添加到任何页面元素中,比如在文本.表格.页面等的后面.还可以设置背景图像的位置. 定义背景设置: 在"CSS 样式定义"对话框中,选择"背景"(如下图),然后设置所

Dreamweaver MX 2004 CSS使用教程之CSS定位属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 八.定义 CSS 样式定位属性 "定位"样式属性使用"层"首选参数中定义层的默认标签,将标签或所选文本块更改为新层. 设置层定位属性:在"CSS 样式定义"对话框中,选择"定位"(如下图),然后设置所需的样式属性. 如果不设置属性可以保持为空. 类型:确定浏览器应如何来定位层. 绝对:使用"定位"框中输入的坐标(相对于页面左上角