dw怎么在html鏈接css文件

dw在html鏈接css文件的方法：首先在dw軟件中建立一個站點(diǎn)并在站點(diǎn)中新建一個CSS文件夾和一個html文件；然后在右上角點(diǎn)擊【CSS設(shè)計器】，并選擇好css文件夾；最后把添加為設(shè)置成【鏈接】，把點(diǎn)擊【確定】按鈕即可。

本教程操作環(huán)境：Windows7系統(tǒng)、dreamweaverCC 2020&&html5&&css3版本、Dell G3電腦。

推薦：《dreamweaver教程》、《dreamweaver教程》

dw怎么在html鏈接css文件？

1、在軟件中先建立一個站點(diǎn)并在站點(diǎn)中新建一個CSS文件夾和一個html文件。（可以點(diǎn)擊下方引用經(jīng)驗查看如何創(chuàng)建一個站點(diǎn)）

立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；

2、在右上角點(diǎn)擊【CSS設(shè)計器】，并在下方點(diǎn)擊【+號】，然后選擇【創(chuàng)建新的CSS文件】。

3、在創(chuàng)建窗口中，點(diǎn)擊【瀏覽】按鈕。

4、然后選擇站點(diǎn)中已經(jīng)創(chuàng)建好的名字是CSS的文件夾，然后輸入想創(chuàng)建的CSS的名字（要用英文哦），點(diǎn)擊【保存】。

5、然后把添加為設(shè)置成【鏈接】，點(diǎn)擊【確定】按鈕。

6、添加完成后就可以在右側(cè)的站點(diǎn)中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了。

7、在左側(cè)的【head】標(biāo)簽中，就多了一行鏈接到CSS文件的代碼。在頂部tab標(biāo)簽中也可以看到鏈 接的樣式表。

8、接下來寫一個簡單的網(wǎng)頁來看下CSS樣式表是否鏈 接成功。打開html網(wǎng)頁編輯頁面，在【body】標(biāo)簽中輸入一個div。如下圖：

9、然后在頂部tab標(biāo)簽中選擇剛才創(chuàng)建的CSS樣式表，并在樣式表中寫一個樣式，命名為【aaa】，并保存樣式表【快捷鍵Ctrl+S】。

10、然后回到html編輯頁面，在div標(biāo)簽中引入class，輸入剛才寫的樣式的名稱【aaa】并保存網(wǎng)頁【快捷鍵Ctrl+S】。

11、點(diǎn)擊頂部的設(shè)計按鈕，就可以看到實時效果。

12、也可以按快捷鍵F12，直接用瀏覽器打開，可以看到真實的效果。證明我們的CSS鏈接到html中是沒有問題。

更多編程相關(guān)知識，請訪問：dreamweaver教程！！

以上就是dw怎么在html鏈接