Dreamweaver8.0建立CSS樣式

來源:互聯網
上載者:User

層疊樣式表 (CSS) 是一系列格式設定規則,它們控制 Web 頁面內容的外觀。使用 CSS 設定頁面格式時,內容與表現形式是相互分開的。頁面內容(HTML 程式碼)位於自身的 HTML 檔案中,而定義代碼錶現形式的 CSS 規則位於另一個檔案(外部樣式表)或 HTML 文檔的另一部分(通常為 <head> 部分)中。使用 CSS 可以非常靈活並更好地控制頁面的外觀,從精確的布局定位到特定的字型和樣式等。

術語“層疊”是指對同一個元素或 Web 頁面應用多個樣式的能力。例如,可以建立一個 CSS 規則來應用顏色,建立另一個規則來應用邊距,然後將兩者應用於一個頁面中的同一文本。所定義的樣式“層疊”到您的 Web 頁面上的元素,並最終建立您想要的設計。

CSS樣式表的建立,可以統一定製網頁文字的大小、字型、顏色、邊框、連結狀態等效果。在Dreamweaver 8中CSS樣式的設定方式有了很大的改進,更為方便、實用、快捷。

一、建立CSS樣式

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

2、單擊“CSS樣式”面板右下角的“建立CSS規則”按鈕,開啟“建立CSS規則”對話方塊。

在“選取器類型”選項中,可以選擇建立CSS樣式的方法包括以下三種:

類:我們可以在文件視窗的任何地區或文本中應用類樣式,如果將類樣式應用於一整段文字,那麼會在相應的標籤中出現CLASS屬性,該屬性值即為類樣式的名稱。

標籤(重新定義特定標籤的外觀):重新定義HTML標記的的預設格式。我們可以針對某一個標籤來定義層疊樣式表,也就是說定義的層疊樣式表將只應用於選擇的標籤。例如,我們為<body>和</body>標籤定義了層疊樣式表,那麼所有包含在<body>和</body>標籤的內容將遵循定義的層疊樣式表。

進階(ID、偽類別選取器等):為特定的組合標籤定義層疊樣式表,使用ID作為屬性,以保證文檔具有唯一可用的值。進階樣式是一種特殊類型的樣式,常用的有4種:

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.