Dreamweaver 8速记 CSS 属性
CSS 规范允许使用称作速记 CSS 的简略语法创建样式。速记 CSS 使您可以用一个属性标签指定多个属性的值。打个比方,您可以使用 font 属性在一行语法中设置 font-style、font-variant、font-weight、font-size、line-height 和 font-family 属性。
使用速记 CSS 时就得注意的主要疑问是速记 CSS 属性省略的值会被指定为属性的默认值。当两个或多个 CSS 规则指定给同一标签时,这可能会导致页面不可以正确显示。
打个比方 ,下面显示的 H1 标签使用了普普通通的 CSS 语法。注意,font-variant、font-stretch、font-size-adjust 和 font-style 属性的值都被指定为它们的默认值。
H1 {
font-weight: bold;
font-size: 16pt;
line-height: 18pt;
font-family: Arial;
font-variant: normal;
font-style: normal;
font-stretch: normal;
font-size-adjust: none
}
下面用一个速记属性重写这一标签:
H1 { font: bold 16pt/18pt Arial }
使用速记符号编写时,会自动用省略的值指定为它们的默认值。所以,上述速记示例省略了 font-variant、font-style、font-stretch 和 font-size-adjust 标签。
可能您使用 CSS 语法的速记形式和普普通通形式在不只一个位置定义了样式(如在 HTML 页面中嵌入样式并根据外部样式表中导入样式),必须要注意省略的属性可能会覆盖(或层叠)在别的位置明确设置的属性。
所以,Dreamweaver 默认情况下使用 CSS 符号的普普通通形式撰写语法。这种可以防止可以覆盖普普通通规则的速记规则所导致的潜在疑问。在 Dreamweaver 中打开使用速记 CSS 符号编写代码的 Web 页面时,请注意 Dreamweaver 用使用普普通通形式创建新的 CSS 规则。通过更改"首选参数"对话框(在 Windows 中为"编辑">"首选参数";在 Macintosh 中为"Dreamweaver">"首选参数")中"CSS 样式"类别中的 CSS 编辑首选参数,您可以指定 Dreamweaver 创建和编辑 CSS 规则的方式。
注意
"CSS 样式"面板仅使用普普通通符号创建规则。可能您使用"CSS 样式"面板创建页面或 CSS 样式表,必须要知道对速记 CSS 规则进行手工编码可能会导致速记属性覆盖那些用普普通通形式创建的属性。所以,请使用普普通通的 CSS 符号创建您的样式。