Dreamweaver(以下簡稱DW)是一款非常流行的網頁制作軟件,而CSS則是制作網頁時非常重要的一部分。那么,如何在DW中加入CSS呢?
首先,我們需要創建一個HTML文件并在開頭添加以下代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的網頁</title> <link href="style.css" rel="stylesheet"> </head> <body> //網頁內容 </body> </html>
其中,<link>標簽用于將樣式表鏈接到HTML文件中,href屬性指定樣式表的文件路徑,rel屬性指定關系(此處為“stylesheet”,表示樣式表與HTML文件之間的關系是“樣式表”)。
接下來,我們需要創建一個CSS文件(命名為“style.css”),并在其中編寫樣式代碼:
/*樣式代碼*/ body { background-color: #f0f0f0; } p { color: blue; font-size: 14px; }
這里的樣式代碼中,我們設置了整個網頁的背景色為灰色,段落文字的顏色為藍色、字號為14像素。
最后,將樣式表文件與HTML文件放在同一目錄下,就可以在DW中打開HTML文件,即可看到樣式被應用的效果了。
上一篇css新增標記選擇器
下一篇css方框的幾種含義