CSS三大基礎(chǔ)選擇器 1.元素選擇器
頁面中的元素是構(gòu)成頁面的基礎(chǔ)。CSS元素選擇器用來聲明頁面中哪些元素使用將要適配的css樣式。所以,頁面中的每一個(gè)元素名都可以成為CSS元素選擇器的名稱。例如,div選擇器就是用來選中頁面中的所有div元素。同理,還可以對(duì)頁面中的p、ul、li等元素進(jìn)行CSS元素選擇器的選取,然后對(duì)這些被選中的元素進(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個(gè)li標(biāo)簽</li>
<li>第2個(gè)li標(biāo)簽</li>
<li>第3個(gè)li標(biāo)簽</li>
<li>第4個(gè)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>取消下劃線顯示。每一個(gè)CSS選擇器都包含選擇器本身、屬性名和屬性值。其中,屬性名和屬性值均可以同時(shí)設(shè)置多個(gè),以達(dá)到對(duì)同一個(gè)元素聲明多重CSS樣式風(fēng)格的目的。代碼運(yùn)行結(jié)果如圖所示。
點(diǎn)擊加載更多評(píng)論>>