DreamWeaver CS5 CSS规则定义面板 记录

Dreamweaver 中CSS定义的面板可以实现对CSS的编辑，这里对其中几项不是很熟悉的作下笔记：

因为时间珍贵，所以很大一部分都是转自网络的内容。而且对于这些内容，别人已经整理的很好了，没有必要再自己去每个字想着去打。

定义面板总共分为8个选项卡，下面一一总结：

一、【类型】

1.font-variant 属性设置小型大写字母的字体显示文本，这意味着所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。

值	描述
normal	默认值。浏览器会显示一个标准的字体。
small-caps	浏览器会显示小型大写字母的字体。
inherit	规定应该从父元素继承 font-variant 属性的值。

2.text-transform 设置文本的大小写，只对英文字母有效。

参数

none : 　无转换发生

capitalize : 　将每个单词的第一个字母转换成大写，其余无转换发生

uppercase : 　转换成大写

lowercase : 　转换成小写

3.text-decoration 属性对文本进行修饰。

值	描述
none	默认。定义标准的文本。
underline	定义文本下的一条线。
overline	定义文本上的一条线。
line-through	定义穿过文本下的一条线。
blink	定义闪烁的文本。
inherit	规定应该从父元素继承 text-decoration 属性的值。

任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

IE、Chrome 或 Safari 不支持 "blink" 属性值。

二、【背景】

这个感觉没什么可记的，都不是很难。

就记个background-attachment 属性

设置背景图像是否固定或者随着页面的其余部分滚动。

值	描述
scroll	默认值。背景图像会随着页面其余部分的滚动而移动。
fixed	当页面的其余部分滚动时，背景图像不会移动。
inherit	规定应该从父元素继承 background-attachment 属性的设置。

三、【区块】

这个挺多的。还是先上图片，这次就不需要方框表明了，全部都记一下。

1.word-spacing属性 ，控制单词间的间隔。所谓单词，就是用空格分开的字符串。

允许指定负长度值，这会让字之间挤得更紧。

值	描述
normal	默认。定义单词间的标准空间。
length	定义单词间的固定空间。
inherit	规定应该从父元素继承 word-spacing 属性的值。

2.letter-spacing 属性，与Word-spacing相似，不过它控制的是单个字符之间的间隔，而不是单词间。

值	描述
normal	默认。规定字符间没有额外的空间。
length	定义字符间的固定空间（允许使用负值）。
inherit	规定应该从父元素继承 letter-spacing 属性的值。

3.vertical-align 属性设置元素的垂直对齐方式。

该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。

我自己理解是：对于处于父元素中的一个元素，如果不指定vertical-align属性的话，它会与父元素处于一个默认的垂直相对位置，而vertical-align属性是用来对给元素进行相对于默认位置的调节。（说的我自己都不懂了。具体还是看例子更容易理解，见下文。）

值	描述
baseline	默认。元素放置在父元素的基线上。
sub	垂直对齐文本的下标。
super<