在dw中css屬性有哪幾類

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

在dw中css屬性有哪幾類

本教程操作環境:windows10系統、css3,本文適用于所有品牌的電腦。

推薦:《Dreamweaver教程

首先介紹一下CSS樣式的屬性:

CSS樣式屬性被分為八大類:類型,背景,區塊,邊框,列表,定位,擴展。

類型主要定義文本的字體,大小,顏色,行高和修飾等。如圖所示:

立即學習前端免費學習筆記(深入)”;

在dw中css屬性有哪幾類

方法一:

內聯樣式可以通過style屬性直接套進定義對象的HTML標記中去,即style屬性值就是內聯樣式,使用格式如下:

例如這是內容

使用內聯樣式有如下的優缺點:

缺點:

1.內聯樣式會與需要展示的內容融合在一起,因此會使網頁維護工作非常麻煩

2.使用內聯樣式需要記憶大量的CSS樣式屬性名,因此,實際中很少使用內聯樣式

3.CSS樣式中的部分屬性與HTML標記的屬性不相同,例如表示文本大小的CSS樣式屬性名為font-size,而標記中表示文本大小的屬性名為size

4.不如用內部樣式方便

優點:

1.該用法可以用于幾乎任何HTML標記

方法二:

采用內部樣式:

在DW的樣式面板(按下shift+F11即可調出)單擊加號,新建通用樣式,如圖:

在dw中css屬性有哪幾類

然后完成對樣式的設置,就會在代碼窗口中出現該樣式的定義。

如圖:

在dw中css屬性有哪幾類

可以將樣式名前的“·”修改為“#”,此時引用“#”樣式則需要使用id屬性而不是Class屬性。

效果圖如下:

在dw中css屬性有哪幾類

方法三:

采用外部樣式:

內部樣式是指在頁面文檔頭部建立的CSS樣式,可供本頁面中所有的HTML標記引用。如果要建立所有頁面都能使用的樣式,則需要建立外部樣式。

外部樣式是一個以.CSS文件作為擴展名的文本文件,其中包含了許多個樣式的定義,在DW中,使用菜單“文件”→“新建”→“常規”→“CSS樣式表”,就進入了CSS樣式文件的編輯窗口。如圖所示:

在dw中css屬性有哪幾類

在上面的窗口里,有三個HTML標記,(body,td和th分別代表主題,表格的單元格和表格的行的樣式,它們會自動應用于文檔的主體、表格的單元格和表格的行,實質上是重新定義HTML標記的外觀,注:默認情況下,新建HTMl文檔時,頁面主體部分輸入的文本大小是16px、黑色)

為了引用樣式文件中的通用CSS樣式,需要在頁面的頭部使用標記,格式如下:

rel=“stylesheet”表示引用文件和當前頁面的關系,即引用文件修飾當前頁面文件;href屬性設置了引用的CSS樣式文件。

然后就可以對任意新建的文檔采用此CSS樣式了。效果圖如下:

在dw中css屬性有哪幾類

? 版權聲明
THE END
喜歡就支持一下吧
點贊10 分享