Dreamweaver编写CSS三个实用技巧

1：增加站点的寿命

不规范的样式表可能在当时觉得很方便，但新版本的浏览器出来以后，很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。

2：让你的站点对所有的用户以及浏览器都适用。

有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览。为残障认识设计的浏览设备，比如听力浏览器，对CSS规范性要求极其严格。

3：让站点更新和维护更加轻松。

使用方式得当的话，CSS可让你在一个页面中的调整快速应用到所有页面中去。

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

Inline CSS；简单地说，你应该尽量避免使用。除了一些其他的缺点之外，使用Inline CSS意味着你并没有利用到CSS的真正优点，即你并没有将内容与格式分离开。DW MX使用Inline CSS主要是为了定位页面元素（这些元素在DW MX的用户界面中称为“层（layer）”），或者为了使用某个DHTML特效，它需要使用Inline 样式的＆#106avascript来改变一个对象的属性。

Embedded CSS：它也不是最理想的，因为它只能对当前页面施加影响。在更新的过程中，如果某一个页面丢失，将会使站点的风格不一致；另外，当用户浏览你的站点时，每一页都要下载一次样式表信息。

External CSS：这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格；提纲挈领，更改一次，轻松更新所有相关页面；让你的页面体积更小，浏览速度更快。其他的一些最佳习惯将在下文分析具体的CSS特性时提及。

在DW MX中创建CSS样式表

在DW MX中创建CSS样式表时（Text 》CSS Style 》New style sheet），在弹出的对话框中，你有两个选择：新样式表文档（New Style Sheet File） 和只用于当前页（This Document Only）。选中“New Style Sheet File ”你就开始了创建External CSS的过程。这个选项要求你在真正的创建过程之前先命名样式表并为它选定一个保存位置；另外一个选项，This Document Only，则会直接把相关代码写入到页面的部分。

你也可以在“新样式（New style）”对话框中选择一个现存的样式表来编辑或添加新的定义。

应该连接到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”的。

12下一页>

Adobe Dreamweaver CS4 10.0 免激活免序列号精简版

• 软件性质：国外软件
• 授权方式：免费版
• 软件语言：简体中文
• 软件大小：63687 KB
• 下载次数：1301 次
• 更新时间：2019/4/9 10:40:36
• 运行平台：WinXP,Win7...
• 软件描述：Dreamweaver CS4即为Dreamweaver的CS4版本，Dream... [立即下载]