內部 CSS,指的是將 CSS 樣式表嵌入到 HTML 頁面的頭部區域。相對于外部 CSS 文件,內部 CSS 更為靈活,并且不需要創建額外的文件。
內部 CSS 通常使用<style>
標簽來定義,放置于<head>
標簽中。下面是一個例子:
<html> <head> <title>內部 CSS 示例</title> <style> body { background-color: #f1f1f1; } h1 { color: blue; text-align: center; } </style> </head> <body> <h1>這是一個內部 CSS 示例</h1> <p>內部 CSS 允許我們在同一個 HTML 文件中定義頁面的樣式。</p> </body> </html>
在上面的例子中,<style>
標簽內定義了兩個樣式規則,一個用于設置頁面的背景顏色,另一個用于設置頁面中的標題字體顏色和居中對齊。這些規則將應用于該 HTML 文件中的所有對應元素。
內部 CSS 的好處是它能提供一些簡單的樣式定義,而無需創建獨立的 CSS 文件。但是,如果你想在多個 HTML 頁面中重復使用相同的 CSS 樣式,最好仍然使用外部樣式表。