html美化计算机,职称计算机Dreamwaver教程：CSS样式表滤镜

职称计算机Dreamwaver教程：CSS样式表滤镜

导语：CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

CSS样式表滤镜实例

制作模糊文字效果

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样式是如此的简单，而制作出来的效果可以如此的炫目。

【职称计算机Dreamwaver教程：CSS样式表滤镜】相关文章：

html美化计算机,职称计算机Dreamwaver教程：CSS样式表滤镜相关推荐

css样式表诞生,[css]简明教程 CSS样式表概述
CSS(Cascading Style sheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一.使用CSS能够简化网页的格式代码,加快下载显示 ...
把css样式表与html网页关联的方法,Dreamweaver 教程-CSS样式表的3种关联方法
下面我们来讲讲如何为一个网页添加CSS样式. 内部样式表内部样式表需要在网页的部分定义,格式如下: 行内样式表(内嵌样式表) 它的使用方法我们在前两节也已经使用过了.行内样式表直接在标签内部定义, ...
css新建样式表文件,CSS教程:创建性感的CSS样式表
CSS教程:创建性感的CSS样式表互联网发布时间:2008-10-17 19:28:31 作者:佚名我要评论原文名称:Creating Sexy Stylesheets
css网站样式表是什么,什么是css样式表
css样式表指的是层叠样式表(Cascading Style Sheets),简称CSS,是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内 ...
html结合css样式作用,css样式表可以实现什么功能？
css(Cascading Style Sheets,层叠样式表),它是一种用来表现HTML或XML等文件样式的计算机语言,是用来表示html样式的一种编程语言,是可以做到网页和内容进行分离的一种样式 ...
php html5 css样式,怎么在html页面写css样式表
本教程操作环境:windows7系统.html5和css3版,该方法适用于所有品牌电脑. 在html页面写css样式表 1.首先可以直接把css代码写在现有的HTML标签元素的开始标签里面,并且css ...
前端技术分享：一个超级好用的CSS样式表
大家可以经常逛一些程序员比较喜欢的论坛贴吧,你会有不一样的惊喜呢,今天小千就来给大家分享一个在GitHub上面发现的超级好用的CSS样式表,来看一看. 看名称本以为是一个动画库,但是看下来才发现这是一 ...
外链式样式表_引入CSS样式表（书写位置）
CSS初识 CSS(Cascading Style Sheets) 美化样式 CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片 ...
html中style布局放哪,CSS样式表与格式布局详解
样式表 CSS(Cascading Style Sheets 层叠样式表),作用是美化HTML网页. 内联样式表: 例: 内联样式表内嵌样式表:必须写在head标签里例: p { 样式;} he ...

html美化计算机,职称计算机Dreamwaver教程：CSS样式表滤镜

html美化计算机,职称计算机Dreamwaver教程：CSS样式表滤镜相关推荐

最新文章

热门文章