這篇文章主要講解了“Dreamweaver8怎么創(chuàng)建CSS樣式”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Dreamweaver8怎么創(chuàng)建CSS樣式”吧！

創(chuàng)新互聯(lián)公司專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計與制作經(jīng)驗，為許多企業(yè)提供了網(wǎng)站定制設(shè)計服務(wù)，案例作品覆蓋成都混凝土攪拌站等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品，結(jié)合品牌形象的塑造，量身制作品質(zhì)網(wǎng)站。

層疊樣式表（CSS） 是一系列格式設(shè)置規(guī)則，它們控制 Web 頁面內(nèi)容的外觀。使用 CSS 設(shè)置頁面格式時，內(nèi)容與表現(xiàn)形式是相互分開的。頁面內(nèi)容（HTML 代碼）位于自身的 HTML 文件中，而定義代碼表現(xiàn)形式的 CSS 規(guī)則位于另一個文件（外部樣式表）或 HTML 文檔的另一部分（通常為部分）中。使用 CSS 可以非常靈活并更好地控制頁面的外觀，從精確的布局定位到特定的字體和樣式等。

術(shù)語“層疊”是指對同一個元素或 Web 頁面應(yīng)用多個樣式的能力。例如，可以創(chuàng)建一個 CSS 規(guī)則來應(yīng)用顏色，創(chuàng)建另一個規(guī)則來應(yīng)用邊距，然后將兩者應(yīng)用于一個頁面中的同一文本。所定義的樣式“層疊”到您的 Web 頁面上的元素，并最終創(chuàng)建您想要的設(shè)計。

CSS樣式表的創(chuàng)建，可以統(tǒng)一定制網(wǎng)頁文字的大小、字體、顏色、邊框、鏈接狀態(tài)等效果。在Dreamweaver 8中CSS樣式的設(shè)置方式有了很大的改進，更為方便、實用、快捷。

創(chuàng)建CSS樣式

1、選中菜單“窗口”>“CSS樣式”。打開CSS樣式面板。

2、單擊“CSS樣式”面板右下角的“新建CSS規(guī)則”按鈕，打開“新建CSS規(guī)則”對話框。

在“選擇器類型”選項中，可以選擇創(chuàng)建CSS樣式的方法包括以下三種：

類：我們可以在文檔窗口的任何區(qū)域或文本中應(yīng)用類樣式，如果將類樣式應(yīng)用于一整段文字，那么會在相應(yīng)的標簽中出現(xiàn)CLASS屬性，該屬性值即為類樣式的名稱。

標簽（重新定義特定標簽的外觀）：重新定義HTML標記的的默認格式。我們可以針對某一個標簽來定義層疊樣式表，也就是說定義的層疊樣式表將只應(yīng)用于選擇的標簽。例如，我們?yōu)?/p>

和標簽定義了層疊樣式表，那么所有包含在和標簽的內(nèi)容將遵循定義的層疊樣式表。

高級（ID、偽類選擇器等）：為特定的組合標簽定義層疊樣式表，使用ID作為屬性，以保證文檔具有唯一可用的值。高級樣式是一種特殊類型的樣式，常用的有4種：

a:link　設(shè)定正常狀態(tài)下鏈接文字的樣式。

a:active　 設(shè)定鼠標單擊時鏈接的外觀。

a:visited　設(shè)定訪問過的鏈接的外觀。

a:hover　 設(shè)定鼠標放置在鏈接文字之上時，文字的外觀。

3、為新建CSS樣式輸入或選擇名稱、標記或選擇器，其中：

對于自定義樣式，其名稱必須以點（。）開始，如果沒有輸入該點，則DW回自動添加上。自定義樣式名可以是字母與數(shù)字的組合，但。之后必須是字母。

對于重新定義HTML標記，可以在“標簽”下拉列表中輸入或選擇重新定義的標記。

對于CSS選擇器樣式，可以在“選擇器”下拉列表中輸入或選擇需要的選擇器。

4、在“定義在”區(qū)域選擇定義的樣式位置，可以是“新建樣式表文件”或“僅對該文檔”。單擊“確定”按鈕，如果選擇了“新建樣式表文件”選項，回彈出“保存樣式表文件為”對話框，給樣式表命名，保存后，回彈出“CSS規(guī)則定義”對話框。如果選擇了“僅對該文檔”，則單擊“確定”后，直接彈出“CSS規(guī)則定義”，在其中設(shè)置CSS樣式。

5、“CSS規(guī)則定義”對話框中設(shè)置CSS規(guī)則定義。主要分為類型、背景、區(qū)塊、方框、邊框、列表、定位和擴展8項。每個選項都可以對所選標簽做不同方面的定義，可以根據(jù)需要設(shè)定。定義完畢后，單擊“確定”按鈕，完成創(chuàng)建CSS樣式。

感謝各位的閱讀，以上就是“Dreamweaver8怎么創(chuàng)建CSS樣式”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對Dreamweaver8怎么創(chuàng)建CSS樣式這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！