Dreamweaver编写CSS所需的技巧

在Dreamweaver中编写CSS是不提倡的，但由于其简单的可视化和操作性，很多朋友仍然使用它。今天，我列出一些最好的习惯，希望能帮助这些朋友。

CSS is changing the process of web design.To cater to the growing demand for CSS designers, Macromedia DW MX introduced some new and improved CSS related features.With these new features, you can plan for future updates and develop more compatible sites with W3C standards.This article discusses some suggestions to use CSS in DW MX and to highlight a particular CSS feature.

一般来说，样式表是一组格式化的规则来控制网页的内容外观。你可以用三种不同的方式在页面中使用CSS：

代码（内联）：在代码中写入的一次性样式。
嵌入式：一个控制所有页面中的元素的样式表
外部：一个多页控件的元素的样式表
事实上，许多网站根据需要将这三种方式结合在一起。

在使用CSS的最重要的考虑因素之一是，不同的浏览器和不同版本的浏览器解析CSS的方式不同。除了Web浏览器之间的差异，你也应该意识到还有很多其他的浏览器，如听力浏览器，基于电视的浏览器，和Palm Pilot和TTY（电传打字机手持设备，远程打字机）。

什么是最好的习惯

大部分的技术都有自己的standard.css也不例外。虽然不是所有网络上现有的CSS是非常标准的，它是有益的使用现有的标准使用CSS。一般来说，开发商应该单独的内容从报告尽可能。这样做的好处是：

1：提高网站的使用寿命

非标准样式表可以很方便的时候，但在浏览器的新版本出来，很可能会有兼容性问题。通过页面改变网站页面，同时是一个非常耗时的工作，这也使得它使用CSS毫无意义。

2：让你的站点适用于所有用户和浏览器。

在一些地方，政府已经立法规定，网站必须允许残疾人以同样的方式浏览。为残疾人设计的浏览设备，如听力浏览器，对CSS规范非常严格。

3：更新和维护站点更容易。

如果你正确地使用它，CSS允许你在一页中快速调整页面。

你要做的第一个选择是使用哪种样式表。当谈到最佳习惯时，对不同样式表的分析如下：

内联CSS；在一个简单的方法，你应该尽量避免使用它。除了一些其他的缺点，使用内联CSS意味着你不要利用CSS的真正优势，你不该内容从format.dw MX内联CSS分裂是定位网页元素（这些元素在DW MX的用户界面称为），或使用DHTML属性的影响，它需要内联样式# 106avaｓｃｒｉｐｔ改变对象的使用。

嵌入式CSS：它不是最理想的，因为它只能影响当前页面。在更新过程中，如果页面丢失，会使站点的样式不一致。此外，当用户浏览你的网站，你可以下载在每一页的样式表的信息。

外部CSS：这是你的首选。外部CSS可以使所有的页面连接保持一致的外观风格；突出显示，改变时间，轻松更新所有相关页面；使页面更小，浏览速度更快。

在DW MX中创建CSS样式表

在DW MX创建CSS样式表的时候，（文本、CSS样式，新样式表），在弹出的对话框中，你有两种选择：新的样式表文件（新风格）和当前页面，选择新建样式表文件；你开始创建外部CSS的过程。此选项要求您名字的样式表并选择保存位置为它真正的创造过程。另一个选项，这个文档只会直接将相关的代码写到页面部分。

你也可以选择在现有的样式表；新风格（新风格）编辑对话框中添加新的定义。

我们应该连接到外部CSS还是导入

在创建外部样式表，你需要将它附加到每个网页（或模板）。这样做，可以在CSS面板淡季附加样式表（附加样式表）这个按钮会弹出链接到外部样式表（链接外部样式表）在上面的对话框，你可以去你的目标样式表的名字，你会发现，选择连接或进口（链接）（进口）的外部样式表。

选择连接是最常见的方式；link你可以将样式表的网页，它将添加以下标记你的页面。

所有的浏览器都支持CSS支持的连接选项。如果你想要一些老的浏览器（如Netscape 4。x），你也可以看到；；样式表将使用以下方法。

如果您选择导入选项，所使用的标记是：

NetSscape4会会完全忽略导入的CSS和根据连接的CSS解释页面。这样，我们可以放心的新功能在使用CSS，而不用担心浏览器的兼容性。

CSS属性检查器

它可以很容易地切换到DW MX的属性检查器CSS模式。默认情况下，属性检查器在原来的HTML模式显示字体标签。点击字体下拉菜单旁边的小A你可以看到可用的CSS样式表，而不是字体标签列表。

同时，您可以轻松地返回到HTML模式。

现成的CSS样式表

在DW MX中一个令人兴奋的CSS的特点是，它包含一个好的CSS样式表CSS的新用户可以体验它。选择文件>新建，选择弹出新建文件对话框的CSS样式表，和所有可用的CSS列表将出现在右侧的框中。为了实践最好的习惯，我们说，选择标记；Accessible

将文档保存在站点文件夹中，然后用上述方法将CSS添加到文档中。

设计时间样式表（设计时间样式表）

此功能允许您应用DW MX样式表的网页在设计视图中工作时，让你有一个更直观的了解网站的外观，设计时间样式表将不会出现在现场。从我们最好的习惯来看，这个功能是非常有用的，如果你使用进口同时连接两种方式（如上所述），额外的设计时间样式表允许你使用任何他们开发网站。当你想看的页面看起来在另一个样式表，你可以很容易地改变到另一个样式表。

应用CSS服务器（如ASP、PHP或ColdFusion）或客户端通过# 106avaｓｃｒｉｐｔ访问开发商、设计时间样式表也是有用的。服务器端样式表也是另一种方式来处理客户端的浏览器不支持CSS，但在DW以前的版本中，这种方式不让你看到CSS在设计阶段的实际效果。设计时间样式表允许您实时查看样式表的效果，所以你可以在DW MX的视觉界面的工作。另一个优点是，当你上传网站文件，你不需要检查一个冗余的样式表整个网站。

验证

无论你创建一个样式表自己或编辑现有的样式表，验证确保你不使用非标准的标签或错误的code.dw MX本身不包含CSS验证器，你可以使用W3C网站提供的认证服务。在DW MX，您可以验证HTML、DHTML标签（文件>检查页>验证标记或文件>检查页>）。当开发一个基于CSS的网站，DW MX提供了一些辅助工具。随着MW MX的帮助，再加上一个很好的了解CSS，你可以建立一个网站，能够经得起时间的考验。