专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Dreamweaver » css属性:玩转 Dreamweaver8.0:速记 CSS 属性 »正文

css属性:玩转 Dreamweaver8.0:速记 CSS 属性

来源: 发布时间:星期四, 2008年9月25日 浏览:70次 评论:0

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:bold16pt/18ptArial}
使用速记符号编写时,会自动将省略的值指定为它们的默认值。因此,上述速记示例省略了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符号创建您的样式。
转自:动态网站制作指南|www.knowsky.com
0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: