在早期的web网站建设中，网页完余由一些简单排版的文本和图像组成，html语言允许使用一些描述性的标签来对网页进行美化设计。然而随着网页技术的发展，简单的html标签己不能满足人们对网页美观的要求。于是，w3c制订了css的技术规范，希望通过css来帮助网页设计师们设计出各种精美的网页。
css技术在网页中主要用于布局和美化，与xhtml的有机结合可以使web更加结构化、标准化。作为最重要的网页布局与美化工具之一，css在近年普及得非常迅速。国内几乎所有的大型商业网站都在使用css来为网页布局，并对网页的各种对象进行美化设计。
css (cascading style sheet，层叠样式表)是一种用于网页设计的、无需编译的、由网页浏览器直接解析的标记语言。在网页中，css的作用是对xhtml中的对象进行描述和定义，并通过这些描述和定义，控制网页中的对象以及网页整体样式。
dreamweaver拥有强大的css编辑功能。在dreamweaver中编辑css，需要使用到css面板。通过css面板，可以为网页添加、删除、编辑css样式代码。
在dreamweaver中执行[窗口]|[css样式i命令(或按shift+f11组合键)，即可打开css面板。该面板分为两个部分，即所有规则部分和样式属性部分。所有规则部分显示当前网页中的所有css样式，而样式属性部分则列出当前选择的css样式定义了哪些属性，如图4-1所示。
在css面板中，可以通过一些按钮来对网页的css规则进行操作，如表4-1所示。
使用dreamweaver为网页创建css规则，可以单击【新建css规则】按钮，在弹出的【新建css规则】对话框中设置新css规则的基本参数，如图4-2所示。
在该对话框中，可以创建不同类型的css样式。其中，对话框中详细参数的介绍如表4-2所示。
如果使用【新建css规则】对话框创建外部css样式，dreamweaver将提示保存外部css链接文件。并在保存该文件后将其自动打开，以提供给网页设计者进行编辑。
css是一种非常重要的网页设计工具。目前，几乎所有的网页设计都离不开css.因此，在设计网页前有必要了解css的基本语法及其结构。
css的语句结构非常简单，每段css代码由两个部分组成，即选择器(selector)
和声明(declaration)。声明又包括属性以及属性值两部分，这两部分必须写在大括号“{}”内。css代码书写格式如下所示。