dw在html鏈接css文件的方法

小編給大家分享一下dw在html鏈接css文件的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

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

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

dw怎么在html鏈接css文件？

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

2、在右上角點(diǎn)擊【CSS設(shè)計(jì)器】，并在下方點(diǎn)擊【+號(hào)】，然后選擇【創(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、接下來(lái)寫(xiě)一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)來(lái)看下CSS樣式表是否鏈 接成功。打開(kāi)html網(wǎng)頁(yè)編輯頁(yè)面，在【body】標(biāo)簽中輸入一個(gè)div。如下圖：

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

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

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

12、也可以按快捷鍵F12，直接用瀏覽器打開(kāi)，可以看到真實(shí)的效果。證明我們的CSS鏈接到html中是沒(méi)有問(wèn)題。

以上是“dw在html鏈接css文件的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！