|
第三页：样式表
Dreamweaver的Style工具条有一个不幸的趋向：把它的大多
数功能隐藏在大量对话框之后。谢天谢地，还有相应的快
捷键。
创建新的样式表或修改一个已经存在的样式表，点击Style
工具条上的Style Sheet按钮，这时可出现Edit Styles对
话框。在你的文档中填加或修改样式表。象HTM一
样，Dreamweaver只是分析CSS规则并适当地渲染之。因为两
种主要的浏览器渲染CSS有很大的差异，Dreamweaver的多数
翻译工作只能是猜测。它趋向于IE4.0，但是不能渲染一些
有效的CSS元素- 例如background-attachment，- 并且对
CSS扩展束手无策（虽然有一个UI可以对它进行设置）。
当创建新的样式表时，你可以建一个类，修改已存在tag的
样式表，或“use a CSS selector”- 它集成了虚
类（A:link）和ID参考（#myID）。既然我们仍需定义边界
来给DIV一个Netscape的背景色，就让我们重新定义DIV来打
开边界设置。调用样式表编辑器，创建一个新的样式表。选
择Redefine HTM tag，然后选择DIV。你现在有了一系列
类别：type,background,block,box,border,list,
positioning和extensions。它们中的每一个控制一组样式
表元素：
type
font-family, font-size, font-style, line-height,
font-weight, font-variant, text-transform,
text-decoration, color
background
background-attachment, background-color,
background-image, background-repeat,
background-position
block
letter-spacing, text-align, text-indent, vertical-align,
word-spacing, white-space
box
clear, float, height, width, margin, padding
border
border-color, border-style, border-width
list
list-style-position, list-style-image,
list-style-type
positioning
overflow, position, visibility, visibility,
z-index, height,width, left, top, clip
extensions
cursor, filter
为了修正背景色的bug，在样式表编辑器中把边界宽度加一
个像素，把style设为none，选一种颜色。在head中就会有
一个如下面所示的样式表规则：
div { border: red; border-style: none; border-top-width: 1px;
border-right-width: 1px; border-bottom-width: 1px;
border-left-width: 1px}
这样背景色的问题彻底解决了。但是还要对此规则做一些
解释：例如边界：1个像素的红色的无边界将很难管理。为
了充实此规则，进入Preferences。有一个简便方法：点击
它们，删除规则，然后重新输入。
对元素应用样式有很多方式。可以把光标放在tag内，然后
从Style工具条中选择需要的类（如果你在工具条中看不到
任何样式的类，你或许应该创建一个），然后此部分会拥有
选中的样式类。你也可以通过选择屏幕左下角的Tak得到包
含当前位置列表的方法为一个tag应用样式。点击一个tag
来选择它和它的内容。或者在tag上点击右键然后设置tag
的Class或ID。
为tag应用样式的另一种方法是选中文本然后点击Style工具
条的一个类。你选的类会被<span>包围。
第一页 Dreamweaver简介 -
第二天
第二页 DIV和Layer
第三页 样式表
|
