在學習網頁開發時，我們經常會接觸到HTML和CSS這兩個語言。HTML用于描述網頁的結構，CSS則用于描述網頁的樣式。在實際開發中，我們通常會將HTML和CSS分別寫在不同的文件中，以便于管理和維護。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>樣式表示例</title>
<style>
/* 這里是CSS代碼 */
h1 {
color: red;
}
p {
font-size: 16px;
line-height: 1.5;
}
</style>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落，有一些文字內容。</p>
</body>
</html>以上是一個包含CSS樣式的HTML文件的示例代碼。可以看到，在<head>標簽中，我們使用<style>標簽來嵌入CSS代碼。在示例中，我們定義了一個h1元素的顏色為紅色，同時定義了p元素的字號和行高。
在<body>標簽中，我們可以看到使用了h1和p元素，這時這些元素就會應用之前定義的CSS樣式。在實際開發中，我們可以定義更多的樣式，如背景色、邊框樣式、布局等。通過將樣式與HTML分離，我們可以在不改變HTML結構的情況下快速修改樣式，從而實現網頁的美化和優化。