Dreamweaver MX 2004 CSS使用教程

　　 一.CSS概述

　　如今網頁的排版格式越來越複雜，很多效果需要通過CSS來實現，Dreamweaver MX 2004在CSS功能設計上做了很大的改進。今天給大傢具體談談如何使用Dreamweaver MX 2004 CSS功能，我相信當你看完這個教程之後你會覺得CSS使用是那樣的簡單，而創作出來的效果卻是驚人的。

　　現代網頁製作離不開 CSS技術，採用CSS技術，可以有效地對頁面的布局、字型、顏色、背景和其它效果實現更加精確的控制。 用CSS不僅可以做出美觀工整令瀏覽者賞心悅目的網頁，還能給網頁添加許多神奇的效果。

　　建立CSS樣式表的過程，就是對各種CSS屬性的設定過程，所以瞭解和掌握屬性設定非常重要。在DW MX 2004的CSS樣式裡包含了W3C規範定義的所有CSS1的屬性，把這些屬性分為：類型、背景、區塊、方框、邊框、列表、定位、擴充等八個部分，如下圖：

　　DW MX 2004 實現CSS屬性設定功能是完全可視化的，無需編寫代碼。下面我們分別詳細講解。 為了便於理解，從開始建立新的 CSS 樣式表說起：

　　【建立新的 CSS 樣式】

　　將插入點放在文檔中，然後執行以下操作之一開啟“建立 CSS 樣式”對話方塊：

　　在“CSS 樣式”面板（“視窗”>“CSS 樣式”）中，單擊面板右下角地區中的“建立 CSS 樣式”按鈕，如下圖：

　　在文字屬性檢查器中，從“樣式”彈出式菜單中選擇“管理樣式”，然後在出現的對話方塊中單擊“建立”。

　　在“相關 CSS”選項卡（選擇“視窗”>“標籤檢查器”，然後單擊“相關 CSS”選項卡）中按右鍵，然後從操作功能表中選擇“建立規則”。

　　選擇“文本”菜單>“CSS 樣式”>“建立(N)…”。

　　“建立 CSS 樣式”對話方塊隨即出現，如下圖：