应该连接到External CSS还是导入？
创建外部样式表以后，你需要把它附加在每个页面上（或是模板）。要这样做，可以在CSS面板上淡季“附加样式表（Attach Style Sheet）”按纽，此时会弹出连接外部样式表 （Link External Style Sheet）对话框，在上面可以浏览到你的目标样式表的名字，找到以后，你可以选择连接（link） 或者导入（import ）此外部样式表。
连接是最常用的方式，选择“link”即可把样式表连接到页面。它会在你的页面中加入下面的标记：
所有支持CSS的浏览器都支持连接选项。如果你想一些比较旧的浏览器（比如Netscape 4.x）也能“看到”这个样式表的话，就要采用下面的方法。
如果你选择“导入”选项，所用的标记为：
NetSscape4会完全忽略导入的CSS，而按照连接的CSS来解释页面。这样我们就可以放心使用CSS中的新功能，不必担心浏览器的兼容性问题了。
CSS属性检查器
在DW MX的属性检查器中可以轻易切换到CSS模式。缺省情况下，属性检查器会显示原始的HTML模式下字体标签。点击字体下拉菜单旁边的小“A”，你就可以看到目前可用的CSS样式表，而不是字体标签列表。
同时，你也可以轻松切回到HTML模式。
现成的CSS样式表
DW MX中一个令人激动的CSS特性就是它包含了已制作好的CSS样式表。CSS的新用户可以先体验一下。选择File > New，在弹出的新文档对话框中选择选中CSS style sheets，在右边的方框中会出现所有可用的CSS列表。为了实践我们所说的最佳习惯，选择一个标记为“Accessible”的。
将文档保存在站点文件夹内，然后就可以用上述的方法来把CSS附加在你的文档中了。
设计时间样式表（Design Time style sheets）
DW MX的这一特性可以让你在设计视图下工作时将样式表应用到页面，让你对站点的外观有一个更直观的认识。设计时间样式表将不会出现在站点内。从我们的最佳习惯的观点来讲，这一特性是非常有用的。如果你使用同时导入和连接两种方式（如上所述），附加设计时间样式表可以让你使用其中的任何一个来开发站点。当你想看在另一个样式表下页面外观如何时，你可以轻松更改为另一个样式表。
对于要将CSS应用于服务器端（比如ASP, PHP, or ColdFusion）或是要在客户端通过＆#106avascript来存取的开发者来说，设计时间样式表同样有用。服务器端样式表也是处理客户端浏览器对CSS支持不好的又一种方式。但在以前版本的DW中，这种方式却不能让你在设计阶段查看CSS的实际效果。设计时间样式表让你实时查看样式表效果，所以你可在DW MX中以可视界面工作。另外一个好处就是当你上传站点文件时，你不必再检查整个站点寻找冗余的样式表了。
验证
无论你是自己创建样式表还是编辑现有的样式表，验证可以确保你不会误用不标准的标签或错误的代码。DW MX本身不包含CSS验证程序，你可以使用W3C站点提供的验证服务。在DW MX内你可以验证HTML 或DHTML标签（ File > Check Page > Validate Markup (for HTML) 或 File > Check Page > Validate as XML for XHTML.）。在开发基于CSS的站点时，DW MX提供了很多辅助工具。有了MW MX的帮助，再加上对CSS良好的理解，你就可以开发出能经受时间考验的站点了。
上一页 [1] [2]
|
|
|
|
在百度中搜索：写给喜欢用DW编写CSS人的一些建议
在Google中搜索：写给喜欢用DW编写CSS人的一些建议
在Yahoo中搜索：写给喜欢用DW编写CSS人的一些建议 |
收藏到网摘:新浪VIVI
365key
我摘
POCO网摘
博采中心
YouNote
和讯网摘
天天收藏
|
|
|
|
[]
[返回上一页]
[打 印]
[收 藏] |
|
|
| ∷相关文章评论∷ （评论内容只代表网友观点，与本站立场无关！） [更多评论…] |
|
|
|
|
.text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus();){kind=link}