dw中css屬性有幾種類型

小編給大家分享一下dw中css屬性有幾種類型，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

在dw中css屬性有八類，分別是：1、Type類型；2、Background背景；3、Block塊；4、Box盒子；5、Border邊框；6、List列表；7、Positioning定位；8、Extensions擴展。

首先介紹一下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樣式了。效果圖如下：

以上是“dw中css屬性有幾種類型”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！