dw怎麼在html連結css文件

dw在html連結css檔案的方法：首先在dw軟體中建立一個網站並在網站中新建一個CSS資料夾和一個html檔；然後在右上角點選【CSS設計器】，並選擇好css資料夾；最後把加為設定成【連結】，把點擊【確定】按鈕即可。

本教學操作環境：Windows7系統、dreamweaverCC 2020&&html5&&css3版本、Dell G3電腦。

推薦：《dreamweaver教學》、《css影片教學》

#dw怎麼在html連結css檔案？

1、在軟體中先建立一個網站並在網站中新建一個CSS資料夾和一個html檔。 （可以點選下方引用經驗查看如何建立一個網站）

2、在右上角點選【CSS設計器】，並在下方點選【 號】，然後選擇【建立新的CSS檔案】。

3、在建立視窗中，點選【瀏覽】按鈕。

4、然後選擇網站中已經建立好的名字是CSS的資料夾，然後輸入想建立的CSS的名字（要用英文哦），點選【儲存】。

5、然後把加為設定成【連結】，點選【確定】按鈕。

6、新增完成後就可以在右側的網站中的CSS資料夾下看到剛剛建立好的CSS樣式表檔案了。

7、在左​​側的【head】標籤中，就多了一行連結到CSS檔案的程式碼。在頂部tab標籤中也可以看到連結的樣式表。

8、接下來寫一個簡單的網頁來看下CSS樣式表是否鏈 接成功。開啟html網頁編輯頁面，在【body】標籤中輸入一個div。如下圖：

9、然後在頂部tab標籤中選擇剛才建立的CSS樣式表，並在樣式表中寫一個樣式，命名為【aaa】，並儲存樣式表【快速鍵Ctrl S】。

10、然後回到html編輯頁面，在div標籤中引入class，輸入剛才寫的樣式的名稱【aaa】並儲存網頁【快捷鍵Ctrl S】 。

11、點選頂部的設計按鈕，就可以看到即時效果。

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

更多程式相關知識，請造訪：程式設計入門！ ！

以上是dw怎麼在html連結css文件的詳細內容。更多資訊請關注PHP中文網其他相關文章！