HTML內(nèi)接CSS的例子
HTML與CSS是網(wǎng)頁設(shè)計的兩個重要部分,HTML負(fù)責(zé)網(wǎng)頁的結(jié)構(gòu),而CSS則負(fù)責(zé)網(wǎng)頁的樣式,在HTML中內(nèi)接CSS,可以讓網(wǎng)頁的樣式更加靈活和方便。
下面是一個簡單的HTML內(nèi)接CSS的例子:
<!DOCTYPE html> <html> <head> <title>HTML內(nèi)接CSS例子</title> <style> body { background-color: #f0f0f0; font-family: Arial, sans-serif; } h1 { color: #333333; font-size: 24px; } p { color: #666666; font-size: 16px; } </style> </head> <body> <h1>歡迎來到我的網(wǎng)頁!</h1> <p>這是一個段落,用來展示CSS樣式的應(yīng)用。</p> </body> </html>
在這個例子中,我們在HTML的<head>
部分內(nèi)接了一個<style>
標(biāo)簽,用來定義CSS樣式,我們?yōu)?code>body、h1
和p
元素分別定義了背景顏色、字體顏色和字體大小等樣式屬性,在<body>
部分中,我們使用了h1
和p
元素來展示CSS樣式的應(yīng)用。
通過內(nèi)接CSS,我們可以讓HTML網(wǎng)頁的樣式更加靈活和方便,同時還可以提高網(wǎng)頁的可讀性和可維護性,在網(wǎng)頁設(shè)計中,使用HTML內(nèi)接CSS是一種非常實用的技術(shù)。