CSS標(biāo)記選擇器

2018-09-24 14:05 更新

在CSS的3個(gè)基本構(gòu)成中,“對(duì)象”是最為重要的,它指定了對(duì)哪些網(wǎng)頁(yè)元素進(jìn)行設(shè)置,在CSS中它有個(gè)專有名詞:選擇器。


選擇器是CSS中極為重要的一個(gè)概念和思想,所有頁(yè)面元素都是通過(guò)不同的選擇器進(jìn)行控制的。在使用中,我們只需要把設(shè)置好屬性及屬性值的選擇器綁定到一個(gè)HTML標(biāo)簽上,就可以實(shí)現(xiàn)各種效果,達(dá)到對(duì)頁(yè)面的控制。


在CSS中,可以根據(jù)選擇器的類型把選擇器分為基本選擇器和復(fù)合選擇器,復(fù)合選擇器是建立在基本選擇器之上,對(duì)基本選擇器進(jìn)行組合形成的。本章先介紹選擇器。


基本選擇器包括標(biāo)記選擇器、類別選擇器和ID選擇器3種,下面我們進(jìn)行介紹。


標(biāo)記選擇器

HTML文檔是由多個(gè)不同標(biāo)記組成,而標(biāo)記選擇器就是聲明那些標(biāo)記采用的樣式。例如p選擇器,就是用于聲明頁(yè)面中所有<p>標(biāo)記的樣式風(fēng)格。同樣也可以通過(guò)h1選擇器來(lái)聲明頁(yè)面中所有<h1>標(biāo)記的CSS風(fēng)格。


1、新建文件

、CSS標(biāo)記選擇器


2、加入p標(biāo)記選擇器

在<title>標(biāo)簽后加入如下代碼:


p標(biāo)記選擇器


上面代碼定義了一個(gè)標(biāo)記選擇器p,其屬性font-size定義了字體大小,color定義了字體顏色。font-weight定義了字體加粗顯示。


按【F12】鍵運(yùn)行,瀏覽結(jié)果如下圖所示:

CSS基礎(chǔ)選擇器

注意:只要定義了p選擇器,那么在網(wǎng)頁(yè)中出現(xiàn)的多個(gè)<p>標(biāo)簽都會(huì)發(fā)生變化。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)