位置:首頁 > 軟件操作教程 > 編程開發(fā) > CSS > 問題詳情

CSS三大基礎(chǔ)選擇器 1.元素選擇器

提問人:劉團(tuán)圓發(fā)布時(shí)間:2020-11-17

    頁面中的元素是構(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é)果如圖所示。

image.png

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(fù)(0)
返回頂部