DW属性大全
在Dreamweaver8的CSS样式里包含了W3C规范定义的所有CSS1的属性，DW8把这些属 
性分为Type（类型）、Background（背景）、Block（块）、Box（盒子）、Border（边框）、 
List（列表）、Positioning（定位）、Extensions（扩展）八个部分，如下图，下面我们分 
别详细讲解。 
1、Type（类型） 
Type 面板主要是对文字的字体，大小，颜，效果等基本样式进行设置。设置时，我们 
只对要改变的属性进行设置，没有必要改变的属性就空着。 
Font：设置字体系列。什么叫字体系列呢？是指对文字设定几个字体，当遇到第一个 
字体不能显示的文字时会自动用系列中的第二个字体或后面的字体显示。相对应的 CSS 属
性 
是”font-family”。 
注意： Dreamweaver8已经内置设定了6个系列的英文字体，一般英文字体我们用“Verdana, 
Arial, Helvetica, sans-serif”这个系列比较好看。如果不用这些字体系列，你就需要自 
己编辑字体系列，你可以通过下拉框最下面的“Edit Font List”来创建新的字体系列，也 
可以直接手动在下拉框里写字体名，字体之间用逗号隔开。中文网页默认字体是宋体，一般 
就空着不要选取任何字体。 
Size：定义文字的大小。你可以通过选取数字和度量单位来选择具体的字体大小，或者 
你也可以选择一个相对的字体大小。最好使用 Pixels作为单位，这样不会在浏览器中文本变 
形。一般小字体用比较标准的12px。相对应的CSS属性是”font-size”。 
注意：CSS 中长度的单位分绝对长度单位和相对长度单位，一般我们常用的绝对长度单 
位有：
px：（象素）根据显示器的分辨率来确定长度。 
pt：（字号）根据windows系统定义的字号大小来确定长度。 
mm、cn、in：（毫米、厘米、英寸）根据显示的实际尺寸来确定长度。此类单位不随显 
示器的分辨率改变而改变。 
相对长度单位有： 
em：当前文本的尺寸。例如：{ font-size:2em}是指文字大小为原来的2倍。
ex：当前字母“x”的高度，一般为字体尺寸的一半。 
%：是以当前文本的百分比定义尺寸。例如：{ font-size:300%}是指文字大小为原来的 
3倍。 
small、large：表示比当前小一个级别或大一个级别的尺寸。 
Style：定义字体样式为 Normal、Italic、或者 Oblique。Italic 和 Oblique 是斜体字 
体。默认设置为 Normal。相对应的CSS属性是”font-style”。 
注意： Italic和Oblique都是斜体字体。而它们不同的是， Italic是斜体字，而Oblique 
是倾斜的文字，对于没有斜体的字体应该用Oblique。 
Line Height：设置文本所在行的行高。默认为 Normal，你也可以自己键入一个精确的 
数值并选取一个计量单位。比较直观的写法用百分比，例如140%是指行高等于文字大小的1.4 
倍。相对应的CSS属性是”line-height”。 
Decoration：在文本中添加underline（下划线）、overline（上划线）、line-through 
（中划线）、blink（闪烁效果）。这些效果可以同时存在，将效果前的复选框选定即可。相 
对应的CSS属性是”text-decoration”。 
注意：链接的默认设置是 Underline，我们可以通过选 none 去除下划线。Blink（闪烁 
效果）只在NC浏览器里可以看到。 
Weight：给字体指定粗体字的磅值。Normal等同于400；Bold等同于700。设粗体字一 
般用bold。相对应的CSS属性是”font-weight”。 
Variant：允许你选取字体的变种，选 small-caps（小型大写字母）时，此样式区域内 
所有字母大写。相对应的CSS属性是”font-variant”。 
Case：将选区中每个单词的第一个字母转为大写，或者令单词全部大写或全部小写。参 
数：capitalize（单词首字母大写）、uppercase（转换成大写）、lowercase（转换成小写）
、 
none（不转换）。相对应的CSS属性是” text-transform”。 
Color：定义文字颜。相对应的CSS属性是” color”。 
注意：CSS中颜的值有三种表示方法： 
#RRGGBB 格式，是由红绿蓝三种颜的值组合，每种颜的值为“00 – FF”的两位十 
六进制正整数。例如：#FF0000表示红，#FFFF00表示黄。 
rgb(R,G,B)格式，RGB 为三的值，取 0~255，例如：rgb(255,0,0)表示红， 
rgb(255,255,0)表示黄。 
用颜名称。CSS 可以使用已经定义好的颜名称。例如：red 表示红，yellow 表示 
黄。 
2、Background（背景） 
Background 面板主要是对元素的背景进行设置，包括背景颜、背景图象、背景图象的 
控制。一般是对 BODY（页面）、TABLE（表格）、DIV（区域）的设置。
Background Color：设置元素的背景。相对应的CSS属性是”background-color”。 
Background Image： 设置元素的背景图像。相对应的CSS属性是” background-image”。 
Repeat：确定背景图像是否以及如何重复。No Repeat：在元素的开头显示一遍图像。 
Repeat：在元素的背景部分水平和垂直方向平铺图像。Repeat-x and Repeat-y：分别在水平 
和垂直方向重复显示，默认为Repeat。相对应的CSS属性是”background-repeat”。 
注意：如果定义的元素的BODY，可以控制页面背景是否重复。 
Attachment：固定背景图像或者跟随内容滚动。参数 fixed 表示固定背景，scroll 表 
示跟随内容滚动的背景。相对应的CSS属性是”background-attachment”。 
注意：如果定义的元素的BODY，可以使页面背景固定。 
Horizontal：指定背景图像的水平位置。可以指定为left（左边），center（居中）， 
right（右边）；也可以指定数值，如20px是指背景距离左边20象素。相对应的CSS属性是” 
background-position”。 
Vertical：指定背景图像的垂直位置。可以指定为top（顶部），center（居中），bottom 
（底部）；也可以指定数值。相对应的CSS属性是” background-position”。 
注意：水平位置和垂直位置使用的是同一个CSS属性，在设置时要注意。 
3、Block（区块） 
Block 面板主要是设置对象文本文字间距、对齐方式、上标、下标、排列方式、首行缩 
进等。
Word Spacing：设置单词之间的间距。可以设置负值。相对应的 CSS 属性是” 
word-spacing”。 
注意：一般情况下IE不支持此属性，仅在MAC平台上的IE4+可用。 
Letter Spacing：设置字符之间的间距。可以指定负值。因为中文也是字符，这个参数 
可以设置文字间的间距。相对应的CSS属性是” letter-spacing”。 
Vertical Align：指定元素的垂直对齐方式。可以指定 sub（下标）、super（上标）、 
top（与顶端对齐）、middle（居中）、bottom（与底端对齐）……。相对应的CSS属性是” 
vertical-align”。 
Text Align：设置文本的排列方式。Left（左对齐）、right（右对齐）、center（居中）、 
justify（两端对齐）。相对应的CSS属性是”text-align”。 
Text Indent：设置文本第一行的缩进值。负值用于将文本第一行向外拉。要在每段前空 
两格，可设置为 2em，因为 em 是当前字体尺寸，2em 就是两个字的大小。相对应的 CSS 属性 
是”text-indent”。 
Whitespace：设置如何处理元素内的空白符。有三个选项可选：Normal 会将空白符全 
部压缩；Pre 则会如同处理 pre 标签内的文本一样处理这些空白符（也就是说，所有的空白
css表格样式符，包括空格，标签，回车，等都会得以保留）；Nowrap 指定文本只有遇到 br 标签时才换 
行。相对应的CSS属性是”white-space”。 
4、Box（盒子） 
Box 面板主要设置对象的边界、间距、高度、宽度、和漂浮方式等。 
Width：定义元素的宽。相对应的CSS属性是”width”。 Height：定义元素的高。相对 
应的CSS属性是”height”。 
注意：宽和高定义的对象多为图片，表格，层等。 
Float：定义元素的漂浮方式。left 表示对象浮在左边、right表示对象浮在右边、none 
表示对象不浮动。相对应的CSS属性是”float”。 
Clear：不允许元素的漂浮。left表示不允许左边有浮动对象、right表示不允许右边有 
浮动对象、none表示允许两边都可以有浮动对象、both不允许有浮动对象。相对应的CSS属 
性是”clear”。 
Padding：定义元素内容与其边框的空距（如果元素没有边框就是指页边的空白）。可 
以分别设置top（上补白）、right（右补白）、bottom（下补白）、left（左补白）的值。 
相对应的 CSS 属性分别是”padding; padding-top; padding-right; padding-bottom; 
padding-left”。 
Margin：定义元素的边框与其他元素之间的距离（如果没有边框就是指内容之间的距 

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。