在早期的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代碼書寫格式如下所示。