HTML是網(wǎng)頁的基礎(chǔ)語言,可以理解為網(wǎng)頁的“骨架”。而CSS是美化網(wǎng)頁,增強(qiáng)用戶體驗(yàn)的一種語言。在網(wǎng)頁開發(fā)中,HTML和CSS是緊密聯(lián)系的。在HTML中,可以使用標(biāo)簽鏈接到外部CSS文件,使網(wǎng)頁美觀、易于閱讀。
<!DOCTYPE html> <html> <head> <title>使用CSS實(shí)現(xiàn)網(wǎng)頁美化</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>網(wǎng)頁頭部</h1> <p>這是一個(gè)HTML段落。</p> </body> </html>
上述代碼中,
<link rel="stylesheet" type="text/css" href="style.css">就是鏈接外部CSS文件的代碼。其中,
rel="stylesheet"表示指定文件為樣式表,
type="text/css"表示文件類型為CSS,
href="style.css"則是文件的路徑。
在CSS文件中,可以對(duì)HTML中的元素進(jìn)行樣式定義,如改變字體、顏色、背景圖等。
body { background-color: #f3f3f3; font-family: Arial, sans-serif; } h1 { color: #333; font-size: 28px; }
上面的CSS代碼中,
body表示對(duì)整個(gè)文檔的樣式定義,
h1則表示對(duì)H1標(biāo)簽的樣式定義。通過CSS,我們可以輕松地將網(wǎng)頁進(jìn)行美化。