CSS（Cascading Style Sheets）是一種用于描述文檔樣式和布局的語言。HTML（Hypertext Markup Language）則是用于創建和呈現網頁的基本語言。CSS和HTML緊密相連，沒有CSS，HTML將無法實現復雜的樣式布局。
在HTML中，我們可以使用style屬性來直接將CSS樣式應用于某個元素。比如：
<p style="color: red; font-size: 20px;">這是一個紅色的段落，字體大小為20像素</p>
但是，在實際開發中，更常用的是將CSS樣式寫在外部樣式表文件中，然后在HTML文件中引用這個外部樣式表。這種方式更加靈活，可以同時控制多個元素的樣式，也方便修改和維護。
下面是一個實例，展示如何使用外部CSS文件：
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <p class="red-text">這是一個紅色的段落</p> <p class="blue-text">這是一個藍色的段落</p> </body> </html>
上面的HTML代碼中，我們在頭部引入了一個名為styles.css的外部樣式表文件。在文件中，我們可以定義樣式類，然后在HTML元素中應用這些類。例如：
.red-text {
color: red;
}
.blue-text {
color: blue;
}這樣，頁面中的所有使用.red-text類的元素將變成紅色，使用.blue-text類的元素將變成藍色。
可以看到，CSS的作用不僅僅是美化頁面，還可以對頁面的結構和排版產生影響。因此，我們可以通過CSS來實現網站的定位、分欄、布局等高級功能。