CSS三大基礎(chǔ)選擇器 1.元素選擇器
頁面中的元素是構(gòu)成頁面的基礎(chǔ)。CSS元素選擇器用來聲明頁面中哪些元素使用將要適配的css樣式。所以，頁面中的每一個元素名都可以成為CSS元素選擇器的名稱。例如，div選擇器就是用來選中頁面中的所有div元素。同理，還可以對頁面中的p、ul、li等元素進(jìn)行CSS元素選擇器的選取，然后對這些被選中的元素進(jìn)行CSS樣式的修改。
【例題】使用元素選擇器
代碼如下：
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>元素選擇器</title>
<style>
p{
color:red;
font-size: 20px;
}
ul{
list-style-type:none;
}
a{
text-decoration:none;
}
</style>
</head>
<body>
<div>
<p>我是第1行P標(biāo)簽文字</p>
<ul>
<li>第1個li標(biāo)簽</li>
<li>第2個li標(biāo)簽</li>
<li>第3個li標(biāo)簽</li>
<li>第4個li標(biāo)簽</li>
</ul>
<p><a href="#">我是a標(biāo)簽</a></p>
<p>我是第2行P標(biāo)簽文字</p>
</body>
</html>
以上這段CSS代碼表示：HTML頁面中所有的<p>標(biāo)簽文字的顏色都采用紅色，文字大小為20px；所有的<ul>無序列表采用沒有列表標(biāo)記風(fēng)格，所有的<a>取消下劃線顯示。每一個CSS選擇器都包含選擇器本身、屬性名和屬性值。其中，屬性名和屬性值均可以同時設(shè)置多個，以達(dá)到對同一個元素聲明多重CSS樣式風(fēng)格的目的。代碼運(yùn)行結(jié)果如圖所示。
湘公網(wǎng)安備:43011102000856號 
點擊加載更多評論>>