七彩课堂[网页设计CSS教程系列]
使用速记 CSS 时需要注意的关键问题

关于文本格式设置和 CSS
默认情况下,Dreamweaver 使用层叠样式表 (CSS) 设置文本格式。您使用“属性”检查器或菜单命令应用于文本的样式将创建 CSS 规则,这些规则嵌入在当前文档的头部。
还可以使用“CSS 样式”面板创建和编辑 CSS 规则和属性。“CSS 样式”面板是一个比属性检查器强大得多的编辑器,它显示为当前文档定义的所有 CSS 规则,而不管这些规则是嵌入在文档的头部还是在外部样式表中。Adobe 建议使用“CSS 样式”面板(而不是属性检查器)作为创建和编辑 CSS 的主要工具。这样,您的代码将更清晰,更易于维护。
除了所创建的样式和样式表外,还可以使用 Dreamweaver 附带的样式表对文档应用样式。
关于速记 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 符号编写代码的网页时,请注意 Dreamweaver 将使用普通形式创建任何新的 CSS 规则。通过更改“首选参数”对话框(在 Windows 中选择“编辑”>“首选参数”;在 Macintosh 中选择“Dreamweaver”>“首选参数”)中“CSS 样式”类别中的 CSS 编辑首选参数,您可以指定 Dreamweaver 创建和编辑 CSS 规则的方式。
注: CSS 样式面板仅使用普通符号创建规则。如果您使用“CSS 样式”面板创建页面或 CSS 样式表,一定要知道对速记 CSS 规则进行手动编码可能会导致速记属性覆盖那些用普通形式创建的属性。因此,请使用普通的 CSS 符号创建您的样式。

信息推荐
资讯中心 | 电子商务 | 搜索营销 | 设计学院 | 中医养生 | 养生保健 | 节日祝福 | 民俗文化 | 奇闻趣事
建站知识 | 人世百态 | 网站导航 | 传统节日 | 搜索热点 | 星座运势 | 趣闻轶事 | 祝福的话 | 短信大全
© 2023 QicaiSpace.Com