《中文版DreamweaverCS5網頁制作實用教程》第八章使用CSS樣式學習目標

CSS是英語CascadingStyleSheets（層疊樣式表單）的縮寫，它是一種用于表現HTML或XML等文件式樣的計算機語言。用戶在設計與制作網頁的過程中，使用CSS樣式，可以有效地對頁面的布局、字體、顏色、背景和其他效果實現精確的控制。本章將主要介紹CSS樣式的相關知識，幫助用戶掌握利用CSS樣式創建精致網頁效果的具體方法。:::::《計算機基礎與實訓教材系列》系列叢書官方網站/edu:::::本章重點

認識CSS樣式

創建CSS樣式編輯CSS樣式:::::《計算機基礎與實訓教材系列》系列叢書官方網站/edu:::::8.1CSS樣式的概念

CSS樣式是CascadingStyleSheets(層疊樣式單)的簡稱，也可以稱為“級聯樣式表”，它是一種網頁制作的新技術，利用它可以對網頁中的文本進行精確的格式化控制。

CSS樣式簡介

CSS樣式規則:::::《計算機基礎與實訓教材系列》系列叢書官方網站/edu:::::8.1.1CSS樣式簡介

在CSS樣式之前，HTML樣式被廣泛應用，HTML樣式用于控制單個文檔中某范圍內文本的格式。而CSS樣式與之不同，它不僅可以控制單個文檔中的多個范圍內文本的格式，而且可以控制多個文檔中文本的格式。:::::《計算機基礎與實訓教材系列》系列叢書官方網站/edu:::::8.1.1CSS樣式規則

CSS樣式規則由兩部分組成：選擇器和聲明(大多數情況下為包含多個聲明的代碼塊)。選擇器是標識已設置格式元素的術語，例如p、h1、類名稱或ID，而聲明塊則用于定義樣式屬性。例如下面CSS規則中，h1是選擇器，大括號({})之間的所有內容都是聲明塊。

CSS樣式類型

CSS樣式應用范圍:::::《計算機基礎與實訓教材系列》系列叢書官方網站/edu:::::8.2使用CSS樣式

在Dreamweaver中，用戶可以創建一個CSS樣式，然后將其應用到網頁文檔的單個或多個元素，完成文本的格式化。下面將主要介紹使用CSS樣式具體方法。:::::《計算機基礎與實訓教材系列》系列叢書官方網站/edu:::::8.2.1認識“CSS樣式”面板

用戶在Dreamweaver中選擇“窗口”|“CSS樣式”命令，可以打開“CSS樣式”面板，該面板中顯示了當前所選頁面元素的CSS規則和屬性，其頂部的有“全部”和“當前”兩種模式按鈕，單擊相應的按鈕，即可在兩種模式之間切換，并且可以在這兩種模式下進行修改CSS屬性的操作。:::::《計算機基礎與實訓教材系列》系列叢書官方網站/edu:::::8.2.2創建CSS樣式

在Dreamweaver中，用戶可以在“新建文檔”對話框中創建CSS樣式規則，也可以在“CSS樣式”面板中創建。:::::《計算機基礎與實訓教材系列》系列叢書官方網站/edu:::::8.2.3應用CSS樣式

新建CSS規則樣式后，就可以利用該樣式快速設置頁面上的網頁元素樣式，使網站具有統一的風格。在Dreamweaver中，要對文檔指定元素應用CSS樣式，用戶可以在“屬性”面板中設定或者在“標簽檢查器”面板組的“屬性”面板中設定。下面將主要介紹在頁面中應用CSS樣式的常用方法。通過“屬性”面板應用CSS樣式

通過右鍵菜單應用CSS樣式:::::《計算機基礎與實訓教材系列》系列叢書官方網站/edu:::::8.3編輯CSS樣式對于創建的CSS樣式，可以進行編輯操作，主要包括修改CSS樣式屬性、設置CSS樣式首選參數以及鏈接和導入CSS樣式