如何用Dreamweaver8掌握CSS層疊樣式表

這篇文章主要講解了“如何用Dreamweaver8掌握CSS層疊樣式表”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“如何用Dreamweaver8掌握CSS層疊樣式表”吧！

　　怎樣用Dreamweaver8掌握CSS層疊樣式表

　　CSS 答應您控制 HTML 無法獨自控制的許多屬性。例如，可以為選定的文本指定不同的字體大小和單位(像素、磅值等)。通過使用 CSS 以像素為單位設置字體大小，還可以確保在多個瀏覽器中以更一致的方式處理頁面布局和外觀。

　　除設置文本格式外，還可以使用 CSS 控制 Web 頁面中塊級別元素的格式和定位。例如，可以設置塊級元素的邊距和邊框、其他文本四周的浮動文本等。

　　CSS 格式設置規則由兩部分組成：選擇器和聲明。選擇器是標識格式元素的術語(如 P、H1、類名或 ID)，聲明用于定義元素樣式。在下面的示例中，H1 是選擇器，介于括號 ({}) 之間的所有內容都是聲明：

　　H1 {

　　font-size:16 pixels;

　　font-family:Helvetica;

　　font-weight:bold;

　　}

　　聲明由兩部分組成：屬性(如 font-family)和值(如 Helvetica)。上面的 CSS 規則為 H1 標簽創建了一個特定的樣式：鏈接到此樣式的所有 H1 標簽的文本都將是 16 個像素大小、Helvetica 字體和粗體。

　　術語 cascading 表示向同一個元素應用多種樣式的能力。例如，可以創建一個 CSS 規則來應用顏色，創建另一個 CSS 規則來應用邊距，然后將兩者應用于頁面上的同一個文本。所定義的樣式向下"層疊"到您的 Web 頁面上的元素，并最終創建您想要的設計。

　　怎樣用Dreamweaver8掌握CSS層疊樣式表

　　CSS 的主要優點是它提供了便利的更新功能;更新一處的 CSS 規則時，使用該已定義樣式的所有文檔的格式都會自動更新為新樣式。

　　在 Dreamweaver 中可以定義以下樣式類型：

　　自定義 CSS 規則(也稱為類樣式)使您可以將樣式屬性應用于任何文本范圍或文本塊。(請參見應用類樣式。)

　　HTML 標簽樣式重定義特定標簽(如 h2)的格式。創建或更改 h2 標簽的 CSS 樣式時，所有用 h2 標簽設置了格式的文本都會立即更新。

　　CSS 選擇器樣式(高級樣式)重新定義特定元素組合的格式設置，或重新定義 CSS 答應的其他選擇器表單的格式設置(例如，每當 h3 標題出現在表格單元格內時都應用選擇器 td h3)。高級樣式還可以重新定義包含特定 id 屬性的標簽的格式設置(例如，#myStyle 定義的樣式可應用于包含屬性值對 id="myStyle" 的所有標簽)。

　　CSS 規則可以位于以下位置：

　　外部 CSS 樣式表是一系列存儲在一個單獨的外部 CSS (.css) 文件(并非 HTML 文件)中的 CSS 規則。利用文檔文件頭部分中的鏈接，該文件被鏈接到 Web 站點中的一個或多個頁面。

　　內部(或嵌入式)CSS 樣式表是一系列包含在 HTML 文檔文件頭部分的 style 標簽內的 CSS 規則。

　　內聯樣式是在標簽的特定實例中在整個 HTML 文檔內定義的。

　　Dreamweaver 識別現有文檔中定義的樣式，只要這些樣式符合 CSS 樣式準則。

　　提示

　　若要顯示 Dreamweaver 中包含的 O'Reilly CSS 參考指南，請選擇"幫助">"參考"，然后從"參考"面板的彈出式菜單中選擇"O'Reilly CSS 參考"。

　　手動設置的 HTML 格式設置會覆蓋通過 CSS 應用的格式設置。要使 CSS 規則能夠控制段落格式，必須刪除所有手動設置的 HTML 格式。

　　Dreamweaver 會呈現您在"文檔"窗口中直接應用的大多數樣式屬性。您也可以在瀏覽器窗口中預覽文檔以查看樣式的應用情況。有些 CSS 樣式屬性在 Microsoft Internet Explorer、Netscape Navigator、Opera 和 Apple Safari 中呈現的外觀不相同，有些目前不受任何瀏覽器支持。

感謝各位的閱讀，以上就是“如何用Dreamweaver8掌握CSS層疊樣式表”的內容了，經過本文的學習后，相信大家對如何用Dreamweaver8掌握CSS層疊樣式表這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！