1、在dreamweaver cc中可以直接創建css文件,或在內面內手寫輸入css代碼定義規則等等。
2、如果要使用可視化css編輯,可以使用css設計器,在默認的界面下,在軟件窗口右側的活動窗口內就可以找到css設計器。
例如:新建一個html文件,點擊css設計器的“源”窗口的“+”號,選擇創建css的方式,包括:新建css;附件已有的css或在頁面內創建css樣式。
3、點擊“選擇器“窗口的”+“號,選擇body,可以看到下面的”屬性“窗口內顯示出可以編輯的屬性列表,鼠標點擊相應的屬性就可以選擇或填寫數值進行編輯了,在編輯的時候在”設計“窗口會顯示樣式的變化。
4、最后如果是新建的css文件,保存路徑要正確。
css選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。
(可能名稱有不同的說法,但意思都是一樣的) 標記選擇器是利用HTML的標記直接定義標記內容的樣式,如:h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器,定義的時候要在名稱前加.如:.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#,如:#box { color:red; font-size:25pt;} 利用DW寫CSS的時候,高級就是上面說的ID選擇器,ID選擇器的名字可以任意命名,可以自己定義,可是標簽就只能是HTML語言里制定的那些標記,不能自己定義。使用不同的方法來引用css樣式表,最終到達的效果相同,但是使用不同方法應用的css文件將影響到SEO及網頁打開速度效率。
在HTML中有三種引入css樣式的方法:外部樣式、內部樣式、內聯樣式。
其中內部樣式與內聯樣式可以在HTML網頁中與html同時設置。
下面我們來看一下在HTML中同時設置css樣式的方法:
內部樣式表
當單個文件需要特別樣式時,就可以使用內部樣式表。你可以在 head 部分通過 <style> 標簽定義內部樣式表。
<head><style type="text/css"> body {background-color: red} p {margin-left: 20px} </style></head>
<style> 標簽用于為 HTML 文檔定義樣式信息。
在 style 中,您可以規定在瀏覽器中如何呈現 HTML 文檔。
type 屬性是必需的,定義 style 元素的內容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
內聯樣式
當特殊的樣式需要應用到個別元素時,就可以使用內聯樣式。 使用內聯樣式的方法是在相關的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。
<p style="color: red; margin-left: 20px"> This is a paragraph </p>
style 屬性規定元素的行內樣式(inline style)
style 屬性將覆蓋任何全局的樣式設定,例如在 <style> 標簽或在外部樣式表中規定的樣式。
行內樣式就是直接把CSS代碼添加到HTML的標記中,即作為HTML標記的屬性標記存在。
主要有以下特點:
1、可以同時更新多個網頁的樣式;
2、使網頁的表示層與結構層徹底分離;
3、大大減小了網頁文件的大??;
4、加快了網頁的加載速度。