创建层叠样式表 (CSS)

通过创建层叠样式表 (CSS),我们就可以让样式表自动对 HTML 标签或者一些经由 CLASS 属性所识别的文本区域进行格式化。

如何创建 CSS 样式表:

1 选择 Window > CSS Styles,点击样式表面板上的 New Style 图标。
2 进行下列选项的选择:
Make Custom Style (Class) 创建一个可以以 CLASS 属性方式应用于文本区域或文本块的样式。
Redefine HTML Tag 对指定的 HTML 标签的默认格式进行重新定义。
Use CSS Selector 对特定的标签组合,或者包含有 ID 属性的所有标签进行格式定义。
3 为新样式输入名字,标签, 或者选择器:
Custom CSS 样式的名字前边必须要有一个句点。如果你在创建的时候没有输入这个句点,Dreamweaver 就会帮你输入上去。
要重新定义 HTML 标签样式,就要输入 HTML 标签或者从弹出菜单中选择一个。
对于 CSS 选择样式来说,你可以输入任何一个有效的组合(如 TD H2#myStyle),或者从弹出菜单中选择一个选择器。
4 点击对话框左边一个窗口的名字,在相应的窗口中为新样式选择格式设置。对样式不甚重要的属性就留下不管了。
那些在文档窗中不显示的属性在 Style Definition 对话框中会用一个星号 (*) 来表示的。有些你可以在 Dreamweaver 中进行设置的 CSS 样式属性在 Microsoft Internet Explorer 4.0 和 Netscape Navigator 4.0 的显示是有所不同的,还有一些样式属性目前还没有浏览器支持。

请参考下边有关各章节了解具体的设置介绍:

Style Definition Type (样式定义类型)面板
Style Definition Background (样式定义背景)面板
Style Definition Block (样式定义文本块)面板
Style Definition Box 面板
Style Definition Border (样式定义边框)面板
Style Definition List (样式定义列表)面板
Style Definition Positioning (样式定义位置)面板
Style Definition Extensions (样式定义扩展项)面板

创建了定制样式 (class) 面板后,样式就会出现在 CSS Style 面板和 Text > CSS Styles 子菜单中。HTML 标签样式和 CSS 选择器样式不出现在 CSS Style 面板上,这是因为这些样式不能够应用;它们只是在文档窗中档标签或者选择器出现的时候被自动反映出来的。