Web開發之CSS選擇器

2021-07-27 13:00:16 字數 854 閱讀 7248

每一條css樣式宣告(定義)由兩部分組成,形式如下:

選擇器

在{}之前的部分就是「選擇器」,「選擇器」指明了{}中的「樣式」的作用物件,也就是「樣式」作用於網頁中的哪些元素。

標籤選擇器其實就是html**中的標籤。如等標籤。例如下面**:

p

上面的css樣式**的作用:為標籤設定12px字型大小,行間距設定1.6em的樣式。

類選擇器在css樣式編碼中是最常用到的,語法如下:

.類選器名稱
-英文圓點開頭

- 其中類選器名稱可以任意起名(但不要起中文)

使用方法

使用合適的標籤把要修飾的內容標記起來,如下:

膽小如鼠

使用class=」類選擇器名稱」為標籤設定乙個類,如下:

膽小如鼠

設定類選器css樣式,如下:

.stress/*類前面要加入乙個英文圓點*/

示例

認識html標籤title>

Web前端開發 CSS樣式之CSS選擇器

css選擇器可分為標籤選擇器 類別選擇器 id選擇器,這裡的三種型別主要針對內嵌樣式和單獨檔案樣式而言 正文段落 標籤選擇器會作用用該檔案的所有同種標籤,同種標籤需要定義不通過的樣式時可通過下列的型別來定義 類別型別的選擇器在定義的時候,它的名字點開頭,後面帶有的樣式名稱,如測試 中head標籤內的...

Web 前端 CSS選擇器

選擇器 選擇器類選擇器 類選擇器 三年級時,我還是乙個膽小如鼠的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。到了三年級下學期時,我們班上了一節公開課,老師提出了乙個很簡單的問題,班裡很多同學都舉手了,甚至成績...

Web前端 CSS選擇器

本文介紹css的選擇器,包括元素選擇器 id選擇器 類選擇器 屬性選擇器 後代選擇器 子元素選擇器 相鄰兄弟選擇器。本文內容結合w3c教程編寫 1 元素選擇器 又稱型別選擇器 type selector 是最常見的css選擇器,文件的元素就是選擇器,比如p h1 甚至html本身。p h12 id選...