CSS（層疊樣式表）和 HTML（超文本標記語言）相互關聯和相互補充，一起構成了現代網頁設計的基礎。HTML 用于描繪網頁結構和內容，CSS 則負責控制網頁的外觀和布局。兩者配合使用可以實現更加精美、高效、易維護的網頁設計。
<!DOCTYPE html>
<html>
<head>
<title>CSS與HTML鏈接示例</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>我的網頁</h1>
<p>這是一個段落，其樣式是由 CSS 控制的。</p>
</body>
</html>在 HTML 中，我們使用 link 標簽將外部樣式表文件與 HTML 文檔進行鏈接。我們可以在 head 標簽中插入 link 標簽，將樣式表文件的路徑和文件名指定在 href 屬性中。鏈接完成后，HTML 中的元素就可以使用樣式表文件中的樣式了。
/* style.css 文件 */
p {
font-size: 16px;
color: #333;
line-height: 1.5;
}CSS 樣式表中定義的樣式會應用到 HTML 中的元素。我們可以通過元素名稱、類名、ID 等方式選擇要應用樣式的元素，并設置相應的樣式屬性。在上面的例子中，我們使用了 p 元素選擇器來定義段落的樣式，包括字體大小、顏色和行高。
在實際網頁設計中，CSS 樣式表通常會被拆分成多個文件，以方便組織、管理和復用。我們可以在一個 HTML 文檔中鏈接多個樣式表文件和使用內嵌樣式，以實現靈活的網頁排版和風格設置。
上一篇數據分析css框架
下一篇文字css動畫效果代碼