css怎么連接到html的代碼?
1、首先打開DreamweaverCC2018軟件新建一個(gè)html文件,在右上角點(diǎn)擊css設(shè)計(jì)器,并在下方點(diǎn)擊加號(hào),然后選擇創(chuàng)建新的CSS文件:
2、在創(chuàng)建窗口中,點(diǎn)擊瀏覽按鈕。
3、然后選擇站點(diǎn)創(chuàng)建好CSS文件夾,然后輸入創(chuàng)建的CSS的名字,點(diǎn)擊保存插件文件:
4、然后把添加為設(shè)置成鏈接,點(diǎn)擊確定按鈕:
5、添加完成后就可以在右側(cè)的站點(diǎn)中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了:
6、此時(shí)在html文件中的head標(biāo)簽中,就多了一行鏈接到CSS文件的代碼。在頂部tab標(biāo)簽中也可以看到鏈接的樣式表:
7、接下來在html網(wǎng)頁編輯頁面,在body標(biāo)簽中輸入一個(gè)div:
8、然后在頂部tab標(biāo)簽中選擇剛才創(chuàng)建的CSS樣式表,并在樣式表中寫一個(gè)樣式,命名為aaa,并按下快捷鍵Ctrl+S保存樣式表:
9、最后回到html編輯頁面,在div標(biāo)簽中引入class,輸入剛才寫的樣式的名稱aaa并保存網(wǎng)頁:
10、最后點(diǎn)擊頂部的設(shè)計(jì)按鈕,就可以看到實(shí)時(shí)效果了,此時(shí)css文件就成功鏈接進(jìn)去了: