說起網頁設計,我們不可避免地會涉及到css。在 Dreamweaver 中,我們可以使用兩種方式來添加 css 樣式。第一種方式是使用內嵌樣式表,在 head 標簽內直接編寫 css 代碼。而另一種方式則是使用外部 css 文件。那么今天我們來了解一下如何使用外部 css 文件吧。
首先,我們需要在 Dreamweaver 中創建一個 css 文件,命名為“style.css”。在新建文件時,我們可以在下拉菜單中選擇“樣式表”來快速創建樣式表文件。在 style.css 中,我們可以編寫我們想要的 css 樣式代碼。需要注意的是:如果我們需要覆蓋 default.css 中的樣式,那么在 style.css 中也要將同樣的選擇器和樣式寫上去。
接下來,我們需要將 style.css 文件鏈接到我們的html文件中。在 head 標簽中,我們可以使用元素來實現鏈接。代碼如下:
<link rel="stylesheet" type="text/css" href="style.css">
上述代碼中,rel="stylesheet" 表示該鏈接元素為一個樣式表,type="text/css" 用于指定樣式表的類型,href="style.css" 指定了樣式表的文件路徑。需要注意的是,文件路徑應當寫正確,并且應當寫在引號內。
最后,我們就可以愉快地使用外部樣式表了。我們可以在style.css中編寫需要的樣式,然后在html文件中使用各種選擇器,例如類選擇器、ID選擇器、標簽選擇器等來引用這些樣式。當我們需要修改樣式時,只需要打開style.css,修改完成后保存即可。所有使用這些樣式的html文件都會被自動更新。
上一篇dw中如何鏈接css樣式
下一篇dw使用css制作網頁