</p>你首先要做的选择是使用哪一种样式表。当涉及到最佳习惯时,对不同样式表的分析如下:
- `# a1 f W/ e4 oInline CSS;简单地说,你应该尽量避免使用。除了一些其他的缺点之外,使用Inline CSS意味着你并没有利用到CSS的真正优点,即你并没有将内容与格式分离开。DW使用Inline CSS主要是为了定位页面元素(这些元素在DW的用户界面中称为“层(layer)”),或者为了使用某个DHTML特效,它需要使用Inline 样式的Javascript来改变一个对象的属性。" [7 P* ]4 Y( y1 [# W. _
Embedded CSS:它也不是最理想的,因为它只能对当前页面施加影响。在更新的过程中,如果某一个页面丢失,将会使站点的风格不一致;另外,当用户浏览你的站点时,每一页都要下载一次样式表信息。
* e: x/ C/ {& b2 n% i, WExternal CSS:这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格;提纲挈领,更改一次,轻松更新所有相关页面;让你的页面体积更小,浏览速度更快。其他的一些最佳习惯将在下文分析具体的CSS特性时提及。7 Y3 l) o9 S( A
在DW中创建CSS样式表2 d% B/ ~1 [4 Y+ k' `# s
在DW中创建CSS样式表时(Text 》CSS Style 》New style sheet),在弹出的对话框中,你有两个选择:新样式表文档(New Style Sheet File) 和只用于当前页(This Document Only)。选中“New Style Sheet File ”你就开始了创建External CSS的过程。这个选项要求你在真正的创建过程之前先命名样式表并为它选定一个保存位置;另外一个选项,This Document Only,则会直接把相关代码写入到页面的部分。
0 [, n' }2 J0 C( N你也可以在“新样式(New style)”对话框中选择一个现存的样式表来编辑或添加新的定义。
2 H5 \* [) D7 N' ?: j6 J应该连接到External CSS还是导入?
5 d, a% u d) y( ^0 b6 {创建外部样式表以后,你需要把它附加在每个页面上(或是模板)。要这样做,可以在CSS面板上淡季“附加样式表(Attach Style Sheet)”按纽,此时会弹出连接外部样式表 (Link External Style Sheet)对话框,在上面可以浏览到你的目标样式表的名字,找到以后,你可以选择连接(link) 或者导入(import )此外部样式表。
9 q8 v8 g: w# d3 C; V& B连接是最常用的方式,选择“link”即可把样式表连接到页面。它会在你的页面中加入下面的标记:' T4 v( d+ v/ K$ T ^ J
所有支持CSS的浏览器都支持连接选项。如果你想一些比较旧的浏览器(比如Netscape 4.x)也能“看到”这个样式表的话,就要采用下面的方法。
) W0 ?. I. S& G9 J. j. h如果你选择“导入”选项,所用的标记为:+ N% l: K1 H }4 Y" _# \% A7 A, J/ w: u
NetSscape4会完全忽略导入的CSS,而按照连接的CSS来解释页面。这样我们就可以放心使用CSS中的新功能,不必担心浏览器的兼容性问题了。$ u8 x& Z0 }; o
CSS属性检查器
( R T+ s& `% t i/ y' D' p在DW的属性检查器中可以轻易切换到CSS模式。缺省情况下,属性检查器会显示原始的HTML模式下字体标签。点击字体下拉菜单旁边的小“A”,你就可以看到目前可用的CSS样式表,而不是字体标签列表。同时,你也可以轻松切回到HTML模式。
' \. Y' h; q7 X( [, g3 z# k6 K) F" ?9 y7 G现成的CSS样式表
4 d, y/ {2 j kDW中一个令人激动的CSS特性就是它包含了已制作好的CSS样式表。CSS的新用户可以先体验一下。选择File > New,在弹出的新文档对话框中选择选中CSS style sheets,在右边的方框中会出现所有可用的CSS列表。为了实践我们所说的最佳习惯,选择一个标记为“Accessible”的。+ k) V# _' F6 ?
将文档保存在站点文件夹内,然后就可以用上述的方法来把CSS附加在你的文档中了。
0 k* L$ ^& O: v- T! O& b5 }) a% p设计时间样式表(Design Time style sheets), N( w* J u, s r8 G% X
DW的这一特性可以让你在设计视图下工作时将样式表应用到页面,让你对站点的外观有一个更直观的认识。设计时间样式表将不会出现在站点内。从我们的最佳习惯的观点来讲,这一特性是非常有用的。如果你使用同时导入和连接两种方式(如上所述),附加设计时间样式表可以让你使用其中的任何一个来开发站点。当你想看在另一个样式表下页面外观如何时,你可以轻松更改为另一个样式表。 |