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中文網其他相關文章!