在DW中CSS编码需要注意和掌握的一些技巧

随着网页设计的不断进步，许多CSS爱好者从早期的网页制作中逐渐接触到CSS网页布局的魅力。在此过程中，许多人可能仍受到过去使用Dreamweaver（DW）软件时的习惯影响。为了帮助大家克服不良习惯并充分利用CSS的优势，本文介绍了一些在Dreamweaver中编写CSS的“最佳实践”。

CSS正在不断改变网站设计的格局，而Dreamweaver MX也为了满足日益增长的设计师需求，引入了一系列新的和改进的CSS相关功能。利用这些新功能，开发者可以规划未来的更新，并创建更加符合W3C标准的站点。本文旨在为开发者提供一些在Dreamweaver MX中使用CSS的建议，并突出某些特定CSS特性的最佳实践。

在网页设计中，样式表（Style Sheet）是控制网页内容外观和格式化的规则的集合。这些样式表可以以三种方式应用在页面中：Inline（内联）、Embedded（内嵌）和External（外部）。实际上，许多站点都会根据实际需求结合使用这三种方式。

在使用CSS时，开发者必须面对的一个重要事实是，不同的浏览器及其不同版本对CSS的方式各不相同。除了传统的网络浏览器外，还需要考虑其他类型的浏览器，如针对听力障碍者的浏览器、基于电视的浏览器以及手持设备如Palm pilot和TTY等。

那么，什么是“最佳实践”呢？

在技术上，大多数领域都有自己公认的标准和最佳实践。CSS也不例外。尽管网络上存在的CSS并不都完全符合标准，但按照现有标准来使用CSS仍然是非常重要的。开发者应尽可能将内容与报告分离，这样做的好处包括：

1. 增加站点的寿命：不规范的样式表可能会导致在新浏览器中出现问题。遵循最佳实践可以避免在未来进行大规模的站点修改。

2. 使站点对所有用户和浏览器都具有兼容性：某些地区的要求网站必须适应所有用户，包括残障人士。为此，设计针对残障人士的浏览设备对CSS的规范性要求非常严格。

3. 简化站点的更新和维护：正确使用CSS可以一次性调整整个站点的样式。

在选择使用哪种样式表时，对于最佳实践的理解如下：

Inline CSS：应尽量避免使用。除了其他缺点外，使用Inline CSS意味着没有充分利用CSS将内容与格式分离的优点。在Dreamweaver MX中，Inline CSS主要用于定位页面元素或使用DHTML特效。

Embedded CSS：也不是理想的选择，因为它只能影响当前页面。如果某个页面丢失，可能会导致站点风格不一致，并且每次页面加载都需要下载样式表信息。

External CSS：这是首选方案。External CSS可以使所有链接的页面保持一致的外观风格，一旦更改，可以轻松更新所有相关页面，同时减小页面体积，加快浏览速度。

在Dreamweaver MX中创建External CSS样式表时，开发者可以通过“Text > CSS Style > New style sheet”菜单来操作。在弹出的对话框中，有两个选项：“New Style Sheet File”（用于创建新的样式表文件）和“This Document Only”（将样式表代码直接添加到当前页面的头部）。选择前者即开始创建External CSS的过程。

至于将外部样式表连接到页面还是导入到页面中，创建外部样式表后，开发者需要在每个页面（或模板）上附加它。这可以通过CSS面板上的“Attach Style Sheet”按钮来完成。在弹出的对话框中选择目标样式表，然后可以选择连接（link）或导入（import）外部样式表。

通过遵循这些最佳实践和建议，开发者可以更有效地在Dreamweaver MX中使用CSS，创建出更加优雅、兼容性和可维护性的网站。在网页设计的世界中，连接样式表是一种常见且高效的方式，用以将网站的外观和感觉与结构分离。通过选择“link”选项，我们可以轻松地将样式表连接到我们的网页。这不仅是在现代浏览器中实现SEO优化的关键步骤，也是确保旧版浏览器能够正确页面内容的重要手段。对于那些希望兼顾新旧浏览器的开发者来说，这是一个不可或缺的环节。

对于CSS新手，Dreamweaver MX (DW MX) 提供了一种友好的界面来和学习CSS。通过File > New菜单，你可以选择预制的CSS样式表，体验不同的样式效果。对于那些选择“导入”选项的开发者来说，NetScape 4可能会忽略导入的CSS，但会按照连接的CSS来解释页面。这为开发者提供了一个安全的空间，让他们可以自由地CSS的新功能，而不必担心兼容性问题。

DW MX的属性检查器提供了一个方便的工具来切换CSS模式。在默认设置中，它会显示原始的HTML模式下的字体标签。但通过点击特定的小“A”，你可以轻松切换到CSS模式，查看当前可用的样式表列表。这种便捷性使得开发者可以在两种模式之间无缝切换，大大提高了工作效率。

设计时间样式表是DW MX中一个非常有用的特性。它允许开发者在设计视图下工作时将样式表应用到页面，为站点的外观提供一个直观的认识。对于那些需要在服务器端应用CSS或者通过JavaScript存取CSS的开发者来说，设计时间样式表提供了一种方便的解决方案。在以前版本的DW中，开发者无法在设计阶段实时查看CSS的实际效果，但现在，设计时间样式表解决了这个问题。这种实时预览功能使得开发者可以在可视界面中进行工作，大大提高了开发效率和准确性。

为了确保你的CSS代码符合标准，验证是一个重要的步骤。虽然DW MX本身不包含CSS验证程序，但你可以使用W3C站点提供的验证服务来检查你的代码。DW MX也提供了验证HTML或DHTML标签的功能。通过这些工具，你可以确保你的站点代码是干净、有效的，从而为用户提供最佳的浏览体验。

DW MX为开发者提供了一个强大的工具集，帮助他们创建基于CSS的站点。通过其丰富的特性和功能，无论是新手还是经验丰富的开发者，都可以利用这些工具来创建出既美观又功能强大的站点。在这个过程中，“body”元素作为网页的主体部分，承载着所有的内容和结构，被这些精心设计的样式表所美化，使得网页呈现出独特的风貌和吸引力。