CSS基礎選擇器

2022-09-07 04:00:15 字數 2937 閱讀 6770

標籤
特點:標籤選擇器定義之後,會將頁面所有的元素都執行這個標籤樣式。

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

<

style

type

="text/css"

>

divp

style

>

head

>

<

body

>

<

div>我是乙個好人

div>

<

div>你也是個好人

div>

<

p>這是乙個段落

p>

<

p>這是另外乙個段落

p>

body

>

html

>

.自定義類名
特點: 誰呼叫,誰生效。

乙個標籤可以呼叫多個類選擇器。

多個標籤可以呼叫同乙個類選擇器。

類選擇器命名規則:①不能用純數字或者數字開頭來定義類名

②不能使用特殊符號或者特殊符號開頭(_)來定義類名

③不建議使用漢字來定義類名

④不推薦使用屬性或者屬性的值來定義類名

>不能用純數字或者數字開頭來定義類名

div>

<

div

class

="box miss"

>不能使用特殊符號或者特殊符號開頭

div>

<

p class

="box"

>不建議使用漢字來定義類名

p>

<

p class

="miss"

>不推薦使用屬性或者屬性的值來定義類名

p>

<

p>乙個標籤可以呼叫多個類選擇器。多個標籤可以呼叫同乙個類選擇器

p>

body

>

html

>

#自定義名稱
特點:

乙個id選擇器在乙個頁面只能呼叫一次。如果使用2次或者2次以上,不符合w3c規範,js呼叫會出問題。

乙個標籤只能呼叫乙個id選擇器。

乙個標籤可以同時呼叫類選擇器和id選擇器。

<

style

type

="text/css"

>

#box

#miss

.box

style

>

head

>

<

body

>

<

div

id="box"

class

="box"

>乙個id選擇器在乙個頁面只能呼叫一次。

div>

<

div

id="miss"

class

="box"

> 如果使用2次或者2次以上,不符合w3c規範,js呼叫會出問題。

div>

<

p class

="box"

>乙個標籤可以同時呼叫類選擇器和id選擇器。

p>

<

p>乙個標籤只能呼叫乙個id選擇器。

p>

body

>

*
特點:給所有的標籤都使用相同的樣式。

不推薦使用,增加瀏覽器和伺服器負擔。

<

style

type

="text/css"

>

* style

>

head

>

<

body

>

<

div>給所有的標籤都使用相同的樣式。

div>

<

div>不推薦使用,

div>

<

p>增加瀏覽器和伺服器負擔。

p>

<

p>增加瀏覽器和伺服器負擔。

p>

<

span

>增加瀏覽器和伺服器負擔。

span

>

body

>

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器 又稱元素選擇器,指用html標籤作為選擇器,為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式,只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS 選擇器之基礎選擇器

id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器,是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤,且標籤的id屬性值不同,然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...

CSS 基礎選擇器

css cascading style sheet,層疊式樣式表,即乙個標籤可以同時被多種選擇器選擇,標籤選擇器 id選擇器 類選擇器。這些選擇器都可以選擇上同乙個標籤,從而影響樣式。基礎選擇器 1.標籤選擇器,就是標籤的名字。追光者如果說你是遙遠的星河 耀眼得讓人想哭我是追逐著你的眼眸總在孤單時候...