CSS基礎選擇器
- 標簽選擇器
- 類選擇器
- ID選擇器
- 通配符選擇器
h1 {color: aqua; font-size: 20px;}
選擇器{屬性：屬性值;屬性:屬性值;}
標簽選擇器
p {color: red;}
標簽選擇器是指用HTML標簽名稱作為選擇器,按標簽名稱分類,為頁面中某一類標簽指定統一的CSS樣式，
標簽選擇器可以將某一類標簽全部選擇出來設定屬性，
優點：快速的將同型別的標簽同一樣式，
缺點：不能有差異化的設計，
類選擇器
類選擇器使用class屬性來呼叫class類，
在HTML中
<div class="a">紅色</div>
在CSS中
.a {
color: red;
}
類選擇器用“.”標識，后面加類名（例子中的類名“a”），
不要使用中文、純數字命名，盡量全使用英文，
命名要有意義，
記憶口訣：樣式點定義，結構類呼叫，一個或多個，開發最常用，（ps：黑馬pink老師）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.a {
font-size: 20px;
}
.b {
font-size: 50px;
}
.bb {
color: red;
}
.cc {
color: blue;
}
</style>
</head>
<body>
<!-- class可以有多個類名，但名與名之間需要用空格隔開 -->
<div class="a aa">溯琳真帥</div>
<div class="b bb">溯琳超帥</div>
<div class="b cc">溯琳最帥</div>
</body>
</html>
效果
ID選擇器
(1)一次只能選擇一個標簽
(2)id在每個HTML檔案中出現一次
(3)一般搭配js使用
在HTML中
<div id="aa">紅色</div>
在CSS中
#aa{color:red;}
通配符選擇器
（1）選擇所有的標簽
（2）選擇的太多有時候不需要使用
（3）在特殊情況下使用
* {color:red;}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/274189.html
標籤：其他
下一篇：哪位有微電網容量優化的程式啊