在網頁設計中,CSS樣式表是用于描述網頁外觀和格式的重要文件,對于使用Dreamweaver(簡稱DW)進行網頁設計的朋友們來說,添加CSS樣式表是一個常見的需求,如何在Dreamweaver中添加CSS樣式表呢?
我們需要打開Dreamweaver軟件,并創(chuàng)建一個新的HTML文件,在HTML文件中,我們可以使用<link>
標簽來添加CSS樣式表,這個<link>
標簽需要放在HTML文件的<head>
部分。
我們可以這樣寫:
<!DOCTYPE html> <html> <head> <title>添加CSS樣式表</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>歡迎來到我的網頁!</h1> <p>這是一個示例段落。</p> </body> </html>
在上面的代碼中,我們通過<link>
標簽添加了一個名為style.css
的CSS樣式表,這個樣式表需要放在與HTML文件相同的目錄下。
我們可以打開style.css
文件,并編寫一些CSS規(guī)則來描述網頁的外觀和格式。
body { background-color: #f0f0f0; font-family: Arial, sans-serif; } h1 { color: #333333; font-size: 24px; } p { color: #666666; font-size: 16px; }
在上面的代碼中,我們?yōu)?code>body、h1
和p
元素分別編寫了一些CSS規(guī)則,這些規(guī)則會應用到HTML文件中對應的元素上,從而改變網頁的外觀和格式。
我們需要保存HTML文件和CSS樣式表,并在瀏覽器中預覽網頁效果,如果一切順利的話,我們就能夠看到一個應用了CSS樣式表的網頁了。