CSS定義內(nèi)嵌式,又稱(chēng)內(nèi)部樣式表,是通過(guò)在HTML文件的頭部區(qū)域放置樣式定義的方式實(shí)現(xiàn)樣式設(shè)置。
<!DOCTYPE html> <html> <head> <style> h1 { color: red; } p { color: blue; font-family: Arial; } </style> </head> <body> <h1>這是一個(gè)標(biāo)題</h1> <p>這是一個(gè)段落</p> </body> </html>
在上面這個(gè)簡(jiǎn)單的示例中,通過(guò)在頭部區(qū)域里使用<style>標(biāo)簽,定義了h1和p元素的樣式。這些樣式只影響包含在同一個(gè)HTML文件中的元素。這種方式很常用,特別是當(dāng)你需要對(duì)每個(gè)頁(yè)面進(jìn)行樣式定制,而又不想創(chuàng)建外部樣式表文件時(shí)使用。
內(nèi)嵌式和外部樣式表的主要區(qū)別在于:內(nèi)嵌式只對(duì)當(dāng)前頁(yè)面有效,當(dāng)你有多個(gè)頁(yè)面需要樣式設(shè)置時(shí),建議使用外部樣式表。