基本選擇器 1、通用元素選擇器 *表示應用到所有的標簽。 *{ padding:0px; margin:0px; } 2、元素/標簽選擇器 匹配所有p標簽的元素 p{ color:red; background:yellow; } 3、類選擇器 匹配所有class屬性中包含“起的類名”的元素。 語法 ...
基本選擇器
1、通用元素選擇器
*表示應用到所有的標簽。
*{
padding:0px;
margin:0px;
}
2、元素/標簽選擇器
匹配所有p標簽的元素
p{
color:red;
background:yellow;
}
3、類選擇器
匹配所有class屬性中包含“起的類名”的元素。
語法:.類名{屬性名:屬性值;}
註意:類名不能以數字開頭,類名要區分大小寫
html:
<p class="head">
我是p
</p>
css:
.head{
color:red;
background:yellow;
}
4、id選擇器
使用id屬性來調用樣式,在一個網頁中id的值都是唯一的。(相當於人的身份證)
語法:#id名{屬性名:屬性值;}(id名不能以數字開頭)
html:
<p id=”green”>我是p</p>
css:
#green{
color:green;
}