CSS 標籤選擇器
阿新 • • 發佈：2020-09-21
本節我們來學習 CSS 中的選擇器，選擇器是 CSS 裡面一個很重要的概念，HTML 中的所有標籤樣式，都是通過不同的 CSS 選擇器進行控制的。我們只需要通過選擇器，就可以對不同的 HTML 標籤進行選擇，並指定各種樣式宣告。
在 CSS 中三三種最基本的選擇器，分別是標籤選擇器、類選擇器（class）、ID選擇器。本節我們來講標籤選擇器，標籤選擇器是 CSS 中最常見的選擇器。像前面幾節中，我們舉例時用到的都是標籤選擇器。
通過前面的學習我們知道在 HTML 頁面中引入 CSS 樣式最好的方法是引入外部樣式，也就是將 CSS 程式碼單獨放置到一個.css檔案內，然後再引入這個 CSS 檔案。所以後面我們講 CSS 樣式都會使用這種方式來引入 CSS 樣式。
標籤選擇器
我們知道一個 HTML 頁面是通過很多標籤組成的，CSS 標籤選擇器就是用來宣告這些標籤的，因為每一個 HTML 標籤的名稱都可以作為相應的標籤選擇器的名稱。
示例：
例如我們來看一個例子，下面是一段 HTML 程式碼：
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>CSS學習(9xkd.com)</title>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<h3>俠課島</h3>
<p>你好，俠課島！</p>
</body>
</html>
如果我們要為這兩個標籤定義 CSS 樣式，就可以直接在.css檔案內通過標籤選擇器來宣告樣式：
h3{
color: red ;
}
p{
color: green;
}
記得在 HTML 中通過<link>標籤來引入 CSS 檔案，此時在瀏覽器中的演示效果如下所示：從上述程式碼中，我們看到，CSS 語法就是由選擇器和宣告塊{}組成，每個宣告塊中可以包含一個或多個樣式宣告，並且每條聲明後面以分號;結尾。
當然除了上述例子中的p、h3標籤可以作為標籤選擇器，其他的例如html、body、a、img等所有標籤都是可以作為標籤選擇器的。
標籤選擇器的使用其實很簡單，下一節我們會講剩下的兩個基本選擇器，也就是類選擇器和ID選擇器的使用。
連結：https://www.9xkd.com/
推薦：昆明在哪個省