CSS（Cascading Style Sheets）是一種用來描述文檔樣式表的語言。使用CSS樣式表可以輕松地控制網頁的外觀和布局。在本文中，我們將介紹四種常見的CSS樣式表：
1. 內聯樣式表 <html> <head> <title>內聯樣式表示例</title> </head> <body> <p style="color: red;">這是紅色字體</p> </body> </html>
內聯樣式表適用于修改單個元素的樣式。使用style屬性可以直接將CSS規則應用到元素中。
2. 嵌入式樣式表
<html>
<head>
<title>嵌入式樣式表示例</title>
<style>
p {
color: blue;
font-weight: bold;
}
</style>
</head>
<body>
<p>這是藍色粗體字體</p>
</body>
</html>嵌入式樣式表是定義在<style></style>標簽內的CSS樣式表。適用于修改整個文檔的樣式。由于CSS規則定義在<head></head>標簽中，因此可以在整個文檔中使用。
3. 外部樣式表
樣式表文件style.css內容：
p {
color: green;
font-size: 16px;
}
網頁文件index.html內容：
<html>
<head>
<title>外部樣式表示例</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>這是綠色16像素字體</p>
</body>
</html>外部樣式表是一個獨立的.css文件，適用于整個網站的樣式表。使用<link>標簽將樣式表文件鏈接到HTML文檔中。
4. 瀏覽器默認樣式表 在CSS還未普及的時候，瀏覽器通過默認CSS樣式表渲染網頁。直到現在，瀏覽器仍然有自己的默認樣式表。因此，如果沒有使用CSS樣式表，我們仍然可以看到網頁的基本樣式。
以上就是關于四種常見的CSS樣式表的介紹。選擇合適的樣式表，可以方便地控制網頁外觀和布局。
上一篇6 簡述css的作用
下一篇css radio變方形