DreamweaverCS5中文版：CSS样式、轻松解决问题

在网页制作过程中，可能经常需要在多个文档中应用一些相同的、复杂的段落或字符特效，并且还要嵌入某种样式的图像效果。使用CSS样式可以轻松解决这个问题。

CSS是一组能控制文档范围内文本外观的格式化属性集合，是一个包含了一些CSS标签，以.css为文件名后缀的文本文件。它是一种设计网页样式的工具，在标准的网页设计中负责网页内容（XHTML）的表现。与传统的HTML样式相比，CSS样式有以下特点：

1.将格式和结构分离

利用CSS样式，不必再把繁杂的样式定义编写在文档中，可以将所有有关文档的样式全部脱离出来，在行定义、在标题中定义，甚至作为外部样式文件供HTML调用，控制多篇文档的文本格式，具有很好的易用性和扩展性，同时HTML仍可以保持简单明了的初衷。

2.以前所未有的能力控制页面布局

HTML语言对页面总体上的控制很有限，如精确定位、行间距或字间距等，而这些操作通过CSS可轻松实现。

3.制作体积更小，网页下载更快

CSS只是简单的文本，它不需要图像，不需要执行程序，不需要插件。使用层叠样式表可以减少表格标签及其他加大HTML体积的代码，减少图像使用量从而控制文件大小。

4.轻松地同时更新多个网页(www.xing528.com)

在没有CSS的时代，如果想更新整个站点中所有主体文本的字体，就必须一页一页地修改网页，费时且容易出错。而CSS主旨就是将格式和结构分离，网页设计者可以将站点上所有的网页都指向单一的一个CSS文件，只要修改CSS文件中的某一行，那么整个站点都会随之发生改变。

5.良好的兼容性

CSS的代码有很好的兼容性，也就是说，即使某些用户的浏览器不支持CSS，在浏览采用了CSS的网页时，浏览器会忽略CSS定义的格式，从而不影响用户浏览。

Dreamweaver CS5提供了对CSS样式创作的完美支持，无需编写代码即可实施CSS最佳做法。用户可以直接在“属性”面板中新建CSS规则，并在样式级联中清晰、简单地显示每个属性的相应位置，从而可以更方便地为元素来控制和删除样式。

在Dreamweaver CS5中，执行“窗口”/“CSS样式”命令，即可打开“CSS样式”面板，如图6-29所示。

图6-29 “CSS样式”浮动面板

在浮动面板上可以选择两种模式的视图，选择“全部”模式，则列出整份文件的CSS规则和属性；选择“正在”模式，则显示当前选取页面元素的CSS规则和属性。