小編給大家分享一下dw在html鏈接css文件的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),巴中企業(yè)網(wǎng)站建設(shè),巴中品牌網(wǎng)站建設(shè),網(wǎng)站定制,巴中網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,巴中網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
dw在html鏈接css文件的方法:首先在dw軟件中建立一個站點并在站點中新建一個CSS文件夾和一個html文件;然后在右上角點擊【CSS設(shè)計器】,并選擇好css文件夾;最后把添加為設(shè)置成【鏈接】,把點擊【確定】按鈕即可。
本教程操作環(huán)境:Windows7系統(tǒng)、dreamweaverCC 2020&&html5&&css3版本、Dell G3電腦。
dw怎么在html鏈接css文件?
1、在軟件中先建立一個站點并在站點中新建一個CSS文件夾和一個html文件。(可以點擊下方引用經(jīng)驗查看如何創(chuàng)建一個站點)
2、在右上角點擊【CSS設(shè)計器】,并在下方點擊【+號】,然后選擇【創(chuàng)建新的CSS文件】。
3、在創(chuàng)建窗口中,點擊【瀏覽】按鈕。
4、然后選擇站點中已經(jīng)創(chuàng)建好的名字是CSS的文件夾,然后輸入想創(chuàng)建的CSS的名字(要用英文哦),點擊【保存】。
5、然后把添加為設(shè)置成【鏈接】,點擊【確定】按鈕。
6、添加完成后就可以在右側(cè)的站點中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了。
7、在左側(cè)的【head】標簽中,就多了一行鏈接到CSS文件的代碼。在頂部tab標簽中也可以看到鏈 接的樣式表。
8、接下來寫一個簡單的網(wǎng)頁來看下CSS樣式表是否鏈 接成功。打開html網(wǎng)頁編輯頁面,在【body】標簽中輸入一個div。如下圖:
9、然后在頂部tab標簽中選擇剛才創(chuàng)建的CSS樣式表,并在樣式表中寫一個樣式,命名為【aaa】,并保存樣式表【快捷鍵Ctrl+S】。
10、然后回到html編輯頁面,在div標簽中引入class,輸入剛才寫的樣式的名稱【aaa】并保存網(wǎng)頁【快捷鍵Ctrl+S】。
11、點擊頂部的設(shè)計按鈕,就可以看到實時效果。
12、也可以按快捷鍵F12,直接用瀏覽器打開,可以看到真實的效果。證明我們的CSS鏈接到html中是沒有問題。
以上是“dw在html鏈接css文件的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當前題目:dw在html鏈接css文件的方法
文章地址:http://aaarwkj.com/article22/jeiecc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、電子商務(wù)、響應(yīng)式網(wǎng)站、靜態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)