DreamWeaver下如何應用CSS樣式

首先介紹一下CSS樣式的屬性：
CSS樣式屬性被分為八大類：類型，背景，區塊，邊框，列表，定位，擴展。
類型主要定義文本的字體，大小，顏色，行高和修飾等。如圖所示：

方法一：

內聯樣式可以通過style屬性直接套進定義對象的HTML標記中去，即style屬性值就是內聯樣式，使用格式如下：
<標記名 style="CSS樣式屬性名值對">例如<span style="font-size:24px;color : red;">這是內容</span>，
使用內聯樣式有如下的優缺點：
缺點：
1.內聯樣式會與需要展示的內容融合在一起，因此會使網頁維護工作非常麻煩
2.使用內聯樣式需要記憶大量的CSS樣式屬性名，因此，實際中很少使用內聯樣式
3.CSS樣式中的部分屬性與HTML標記的屬性不相同，例如表示文本大小的CSS樣式屬性名為font-size，而<font>標記中表示文本大小的屬性名為size
4.不如用內部樣式方便
優點：
1.該用法可以用於幾乎任何HTML標記

方法二：

采用內部樣式:
在DW的樣式面板（按下shift+F11即可調出）單擊加號，新建通用樣式，如圖：

然後完成對樣式的設置，就會在代碼窗口中出現該樣式的定義。
如圖：

可以將樣式名前的“·”修改為“#”，此時引用“#”樣式則需要使用id屬性而不是Class屬性。效果圖如下：

方法三：

采用外部樣式：
內部樣式是指在頁面文檔頭部建立的CSS樣式，可供本頁面中所有的HTML標記引用。如果要建立所有頁面都能使用的樣式，則需要建立外部樣式。
外部樣式是一個以.CSS文件作為擴展名的文本文件，其中包含了許多個樣式的定義，在DW中，使用菜單“文件”→“新建”→“常規”→“CSS樣式表”，就進入了CSS樣式文件的編輯窗口。如圖所示：

在上面的窗口裏，有三個HTML標記，（body，td和th分別代表主題，表格的單元格和表格的行的樣式，它們會自動應用於文檔的主體、表格的單元格和表格的行，實質上是重新定義HTML標記的外觀，注：默認情況下，新建HTMl文檔時，頁面主體部分輸入的文本大小是16px、黑色）
為了引用樣式文件中的通用CSS樣式，需要在頁面的頭部使用<Link>標記，格式如下：
<link rel="stylesheet" href="擴展名為CSS的樣式文件名“>
rel=“stylesheet”表示引用文件和當前頁面的關系，即引用文件修飾當前頁面文件；href屬性設置了引用的CSS樣式文件。
然後就可以對任意新建的文檔采用此CSS樣式了。效果圖如下：






高性能雲服務器


精品線路獨享帶寬，毫秒延遲，年中盛惠 1 折起