CSS是一種樣式表語言，它被用來描述HTML文檔中的外部表現樣式，如字體、顏色、布局等等。而style是一種HTML元素的屬性，它可以用來直接嵌入CSS樣式規則，也可以與外部樣式表相連，從而為HTML文檔指定外部的CSS樣式表。
<head>
<title>我的網頁</title>
<style>
/* 直接嵌入CSS規則 */
p {
color: red;
}
</style>
<link rel="stylesheet" href="style.css">
</head>在上面的代碼中，我們在head標簽中通過style標簽直接嵌入了一個CSS規則，它會將所有的p標簽的文字顏色變成紅色。同時，我們也使用了link標簽將外部樣式表style.css與HTML文檔關聯起來。這個樣式表可以在外部獨立地存儲和維護，同時也可以被多個HTML文檔共享，從而提高了代碼的重用性。下面是style.css文件的示例代碼：
/* 外部樣式表 */
p {
font-size: 1.2em;
line-height: 1.6;
margin-bottom: 1rem;
}在這個文件中，我們定義了一些基本的樣式規則，包括字體大小、行間距、下邊距等等。這些規則將會應用到所有的p標簽上。注意，如果我們同時在HTML文檔中使用了直接嵌入和外部鏈接的兩種方式定義了相同的CSS規則，那么直接嵌入的規則將會優先生效。