日期:2014-02-14 浏览次数:20569 次
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 符号创建您的款式。 |