首頁 > 開發工具 > dreamweaver > dw怎麼在html連結css文件

dw怎麼在html連結css文件

藏色散人
發布: 2023-01-13 00:40:52
原創
15208 人瀏覽過

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

dw怎麼在html連結css文件

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

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

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

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

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

dw怎麼在html連結css文件

更多程式相關知識,請造訪:程式設計入門! !

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板