在DreamweaverCS5的CSS样式中，包含了所有的CSS属性，类型、列表、方块、背景、区块、定位、边框和扩展等8个部分。

保存CSS规则后，系统将自动打开样式的“CSS规则定义”对话框。选择样式的“CSS规则定义”对话框【分类】类别中的【类型】选项，可以定义网页中文本的字体、样式、行高和颜色等风格，以及设置字体的修饰效果等。

（1）【Font-family】（字体）下拉列表
用于指定文本的字体。

（2）【Font-size】（大小）下拉列表
用于定义字体的大小。可以通过选择字和度量单位来选择特定大小，也可选择相对大小。以【像素】为单位可以有效地防止浏览器破坏文本。

在body的CSS规格定义中【区块】选项是指AP元素、图像及网页中的文本等替代元素，它主要是用来控制文字缩进、块中内容的间距和对齐方式等。

1.单词间距下拉列表：是用于设置单词之间的间距。可以通过先在下拉列表中选择【值】选项，之后输入值，在确定单词的间距时，就可以在右侧的下拉列表中选择度量单位。如：点或像素。

2.字母间距下拉列表：主要用于减小或增大字母或字符的间距。如果减小字符间距，就能制定一个负值。
3.垂直对齐的下拉列表：是指定应用它的垂直对齐方式。只有当应用于标签时，Dreamweaver才在文档窗口中显示该属性。

【方框】选项用于为控制元素在页面上的放置方式的标签和属性定义设置。

可以在应用填充和边距设置时，将设置应用于元素的各个边，也可以选中【全部相同】复选框，将相同的设置应用于元素的所有边。

1）【width】（宽）和【Height】、（高）下拉列表，用于设置元素的高度和宽度。

2）【Float】（浮动）下拉列表，用于设置其他元素（如文本、层级及表格等）在哪个边围绕元素浮动。其他元素按通常的方式环绕在浮动元素的周围，利用该选项可以把元素移动到页面的外部。

在DreamweaverCS5的CSS样式中，除了包含CSS属性中的类型、背景、区块、方框、列表、定位及扩展外，还包含边框样式，下面就让我们来了解一下这个样式的定义吧！

【边框】选项是指用于定义元素周围边框的设置。

（1）【Style】（样式）选项组，是设置边框的样式外观。一般样式的显示方式取决于浏览器，而Dreamweaver会将所有的样式文档在窗口中呈现实线。如果将【全部相同】复选框撤选，就可设置元素各个边的边框样式；如果选中【全部相同】的复选框，则可将相同的边框样式属性设置为它应用于元素的上、右、下和左侧。

大多数人在确定某个网站建设的设计是“好”还是“坏”的时候，有两种主要的标准。从严格的可用性的角度说，这种判决集中于功能性，信息呈现的有效性及效率。还有一种是纯美的角度学，这是关于设计的美学价值和视觉吸引力的。有些人“沉迷于”美学和图像中，而忘记了用户，而某些专注于可用性的人在用户测试时迷失了自己，而忘记了视觉上的吸引力。为了吸引人们，并保持他们的兴趣，把这两个方面最大化很重要。

用户会为设计感到愉悦，但是会被内容吸引

可用性中最大的一个问题是用户要花一定的时间浏览页面，寻找他们想要的信息，他们可能看到一些内容，一个到其他网页的链接，或者一个表格。设计不应该当成为阻碍；它应当成为用户与信息之间的沟通渠道。