CSS，全稱“層疊樣式表”，是一種用于設計和呈現網頁的語言。CSS 將設計和呈現內容與 HTML 的結構和內容分離，使得網頁設計變得更加靈活和可維護。在 HTML 中引用 CSS 通常需要使用link元素，這個元素通常會放在 HTML 文檔的頭部：
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <p>Hello World</p> </body> </html>
在這個例子中，我們在 HTML 文檔的頭部使用link元素引用了一個名為styles.css的樣式文件。這個文件定義了一些樣式規則，用于指定 HTML 元素的外觀和布局。在 HTML 文件中，我們只需要使用可以被樣式文件中定義的選擇器匹配的 HTML 元素，CSS 就會自動將應用到這些元素上。
例如，如果styles.css中有以下的樣式規則：
p {
color: red;
font-size: 24px;
}這個規則會將所有的p元素的文本顏色設置為紅色，并將字號設置為 24 像素。因此，在 HTML 文件中，如果我們使用一個p元素：
<p>Hello World</p>
CSS 會自動將樣式文件中的規則應用到這個元素上，使得它的文本變為紅色，并且字號為 24 像素。
除了link元素，還可以使用style元素將樣式規則直接嵌入 HTML 文件中。例如：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
font-size: 24px;
}
</style>
</head>
<body>
<p>Hello World</p>
</body>
</html>在這個例子中，我們使用了一個嵌入式style元素來定義樣式規則。這個元素放在 HTML 文檔的頭部，里面包含了一些 CSS 規則。這些規則與外部樣式文件相同，可以通過選擇器匹配 HTML 元素來應用到網頁中的內容上。