1.打開文檔,然后打開“CSS樣式”面板。

2.在“CSS樣式”面板中,點擊右下角的“新建 CSS 規則”按鈕,打開“新建 CSS 規則”對話框, 在“選擇器類型”中選擇“復合內容(基于選擇的內容)”項。 在“選擇器名稱”中點擊右邊的下拉箭頭,我們可以看到: a:link:未訪問的超鏈接。 a:visited:已經訪問過的超鏈接。 a:hover:鼠標指針移動到上面時的超鏈接。 a:active:正在訪問的超鏈接。

3.在“選擇器名稱”中選擇“a:link”項,然后點擊“確定”按鈕,打開“CSS 規則定義”對話框。

4.在“CSS 規則定義”對話框中,在“分類”下拉框中選擇“類型”,然后在右邊“類型”部分設置鏈接字體的顏色、大小和修飾等。

1、在dreamweaver cc中可以直接創建css文件，或在內面內手寫輸入css代碼定義規則等等。

2、如果要使用可視化css編輯，可以使用css設計器，在默認的界面下，在軟件窗口右側的活動窗口內就可以找到css設計器。

例如：新建一個html文件，點擊css設計器的“源”窗口的“+”號，選擇創建css的方式，包括：新建css；附件已有的css或在頁面內創建css樣式。

3、點擊“選擇器“窗口的”+“號，選擇body，可以看到下面的”屬性“窗口內顯示出可以編輯的屬性列表，鼠標點擊相應的屬性就可以選擇或填寫數值進行編輯了，在編輯的時候在”設計“窗口會顯示樣式的變化。

4、最后如果是新建的css文件，保存路徑要正確。

用于來定義一類可以在同一個頁面內重復利用的樣式。 如比較常用的.clearfix（一般是用于清除浮動），或者自己定義的用于新聞列表的樣式，詳細的寫好鏈接、列表、邊框以及背景等屬性，有些人還會習慣把一些常用的屬性作為一個類。

1、元素選擇器 標簽名{ }

2、id選擇器 #id屬性值{ }

3、類選擇器 .class屬性值{ }

4、選擇器分組(并集選擇器)

作用：通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)

語法：選擇器1，選擇器2，選擇器n{ }

5、復合選擇器(交集選擇器)

作用：選擇更準確更精細的目標元素并為其設置屬性

語法：選擇器1選擇器2選擇器n{ }

!注意選擇器之間不能有空格，要緊挨在一起

6、通配選擇器

作用：用來選中頁面中所有的元素

語法：*{ }

7、后代元素選擇器

作用：選中指定元素的指定后代元素

語法：祖先元素 后代元素{ }

8、子元素選擇器

作用：選中指定父元素的子元素

語法：父元素>子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態

:hover 移入時元素的狀態

:visited 已被訪問過后的元素的狀態

:active 被點擊時元素的狀態

10、 屬性選擇器

作用：根據元素中的屬性或屬性值來選取指定元素

語法：[屬性名]選取含有指定屬性的元素

? [屬性名=“屬性值”]選取含指定屬性值的元素

? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素

? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素

? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素

11、兄弟元素選擇器

+選擇器

作用：選中一個元素后緊挨著的指定的兄弟元素

語法：前一個+后一個(作用在后一個)

~選擇器

作用：選中后邊所有的制定兄弟元素

語法：前一個~后邊所有