2017年职称计算机考试Dreamweaver教程：CSS样式表的其他操作

　　CSS样式表的其他操作

　　单击CSS样式面板右上方的扩展按钮，弹出菜单。CSS的相关操作都是通过这个菜单上的项目来实现的。

　　1、编辑CSS样式

　　选中需要编辑的样式类型，选择上图中的“编辑”项或直接单击“编辑样式”按钮，在弹出的“CSS规则定义”对话框中修改相应的设置。编辑完成后单击“确定”按钮，CSS样式就编辑完成了。

　　2、应用CSS自定义样式

　　鼠标右键单击在网页中被选中的元素，在弹出的快捷菜单中选择“CSS样式”，在其子菜单中选择需要的自定义样式。

　　3、附加样式表

　　选择“附加样式表”项，打开“链接外部样式表”对话框，可以链接外部的CSS样式文件。

　　“文件/URL”设置外部样式表文件的路径，可以单击浏览按钮，在浏览窗口中找到样式表文件。

　　“添加为”选择“链接”，这IE和Netscape两种浏览器都支持的导入方式。“导入”只有Netscape浏览器支持。

　　设置完毕后单击“确定”按钮，CSS文件即被导入到当前页面。

　　Dreamweaver8.0CSS样式表滤镜实例

　　1、制作模糊文字效果

　　1、新建05.html的文件插入一个1行1列的表格，边框和边距全部设置为0。然后在表格中输入要修饰的文字。

　　2、打开CSS样式面板，创建一个CSS样式，在弹出的“新建样式对话框”做如下设置。

　　3、设置完成后，单击“确定”按钮弹出“CSS样式定义”对话框，在类型设置区域中设置：大小：60，字体：黑体，粗细：粗，颜色：#FF9900。

　　4、要产生文字特效，最重要的是在扩展设置区域中进行特殊设置。

　　Blur滤镜产生像被风吹一样的模糊效果。打开滤镜选项的下拉菜单，对Blur滤镜进行设置：

　　Blur(Add=?, Direction=?, Strength=?)

　　Add参数是一个布尔值，一般来说，当滤镜用于图片时取0，用于文字时取1。

　　“Direction=?”模糊方向，以45度为单位改变，“0”为垂直向上，“45”向右上，“90”水平向右，“135”向右下，以依次改变。这里我们设置Direction=90。

　　Strength代表模糊移动值，单位为像素。我们设置Strength=180。

　　设置完成后，点击“确定”。

　　5、在文档编辑区选中文字所在单元格，在属性面板设置文字的样式为.test。

　　保存文件，按F12预览效果。

　　在只有HTML的时代，只能实现简单的网页效果。有了CSS样式，网页排版发生了翻天覆地的变化，在Dreamweaver8里，使用CSS样式是如此的简单，而制作出来的效果可以如此的炫目。