Dreamweaver MX 2004 CSS使用教程概述

css|dreamweaver|教程

　　本站原創內容,轉載請註明出處網頁教學網。

　　 一.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 樣式”對話方塊隨即出現，如下圖：

　　定義您要建立的 CSS 樣式的類型：

　　若要建立可作為 class 屬性應用於文本範圍或文字區塊的自訂樣式，請選擇“建立自訂樣式 (Class)”，然後在“名稱”文字框中輸入樣式名稱。

　　注意：類名稱必須以句點開頭，並且可以包含任何字母和數字組合（例如，.mycss）。如果您沒有輸入開頭的句點，DW MX 2004將自動為您輸入。

　　若要重定義特定 HTML 標籤的預設格式，請選擇“重定義標籤”，然後在“標籤”欄位中輸入一個 HTML 標籤，或從彈出式菜單中選擇一個標籤。

　　若要為具體某個標籤組合或所有包含特定 Id 屬性的標籤定義格式，請選擇“使用 CSS 選取器”，然後在“選取器”文字框中輸入一個或多個 HTML 標籤，或從彈出式菜單中選擇一個標籤。彈出式菜單中提供的選取器（稱作偽類別選取器）包括 a:active、a:hover、a:link 和 a:visited。

　　選擇定義樣式的位置：

　　若要建立外部樣式表，請選擇“建立樣式表檔案”。

　　若要在當前文檔中內建樣式，請選擇“僅對該文檔”。

　　單擊“確定”。