外置 CSS 文件的作用是為網頁中的不同元素(如標題、段落、圖片等)添加樣式表，以定義它們的外觀和屬性。外置 CSS 文件通常包含在網頁的 HTML 文件中，可以通過瀏覽器的“查看”或“外觀”選項卡來查看。
在 HTML 文件中直接添加外置 CSS 文件的方法如下：
```html
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<style>
/* 外置 CSS 樣式表 */
</style>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph.</p>
</body>
</html>
在上面的示例中，外置 CSS 樣式表被直接添加到 HTML 文件中。
```html
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<style>
/* 外置 CSS 樣式表 */
</style>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a paragraph.</p>
</body>
</html>
外置 CSS 文件可以為網頁帶來許多好處，如自定義網頁的外觀和樣式，使網頁更具個性化。同時，外置 CSS 文件也方便了網頁的維護和更新，只需更改外部 CSS 文件即可。
上一篇css 文字五顏六色
下一篇css 按鈕動態效果