Dreamweaver(以下簡稱DW)是一款非常流行的網(wǎng)頁制作軟件,其強(qiáng)大的功能和簡單易用的操作,深受廣大網(wǎng)頁制作者的喜愛。在進(jìn)行網(wǎng)頁制作時(shí),我們經(jīng)常需要使用CSS樣式來美化頁面,而將CSS樣式與HTML文檔相分離,是站點(diǎn)優(yōu)化、美觀、易維護(hù)的關(guān)鍵之一。下面將介紹DW中如何鏈接CSS樣式文件。
<!DOCTYPE html> <html> <head> <title>DW中鏈接CSS樣式</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是一個(gè)段落</p> </body> </html>
以上是一個(gè)簡單的HTML文檔,其中我們需要鏈接的CSS樣式文件是"style.css"。通過<link>標(biāo)簽的rel屬性和href屬性將CSS樣式文件和HTML文檔相鏈接,rel屬性的值為“stylesheet”表示該文件是一個(gè)CSS樣式文件,href屬性的值為所需鏈接的CSS樣式文件路徑。
DW中鏈接CSS樣式文件,有兩種方式:
第一種:
- 在DW軟件中打開HTML文檔
- 在頁面底部的“CSS樣式”窗口中,單擊“+”號(hào),選擇“鏈接樣式表”
- 在彈出的對(duì)話框中選擇要鏈接的CSS樣式文件
- 單擊“確定”按鈕,DW就會(huì)自動(dòng)將<link>標(biāo)簽添加到HTML文檔中
第二種:
- 在DW軟件中打開HTML文檔
- 在HTML文檔中手動(dòng)添加<link>標(biāo)簽
無論采用哪種方式,DW都可以完成CSS樣式文件和HTML文檔的鏈接。當(dāng)然,在使用DW進(jìn)行網(wǎng)頁制作時(shí),我們應(yīng)該選擇適合自己的方式。
上一篇dw代碼新建css樣式
下一篇css更換內(nèi)容