欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css元素選擇器有哪幾種,css復(fù)合選擇器有哪三種

老白2年前64瀏覽0評論

css元素選擇器有哪幾種,css復(fù)合選擇器有哪三種?

1、元素選擇器 標(biāo)簽名{ }

2、id選擇器 #id屬性值{ }

3、類選擇器 .class屬性值{ }

4、選擇器分組(并集選擇器)

作用:通過它可以同時選中多個選擇器對應(yīng)的元素(通常用于集體聲明)

語法:選擇器1,選擇器2,選擇器n{ }

5、復(fù)合選擇器(交集選擇器)

作用:選擇更準(zhǔn)確更精細(xì)的目標(biāo)元素并為其設(shè)置屬性

語法:選擇器1選擇器2選擇器n{ }

!注意選擇器之間不能有空格,要緊挨在一起

6、通配選擇器

作用:用來選中頁面中所有的元素

語法:*{ }

7、后代元素選擇器

作用:選中指定元素的指定后代元素

語法:祖先元素 后代元素{ }

8、子元素選擇器

作用:選中指定父元素的子元素

語法:父元素>子元素

9、偽類選擇器

偽類表示元素的一種特殊狀態(tài)

:hover 移入時元素的狀態(tài)

:visited 已被訪問過后的元素的狀態(tài)

:active 被點擊時元素的狀態(tài)

10、 屬性選擇器

作用:根據(jù)元素中的屬性或?qū)傩灾祦磉x取指定元素

語法:[屬性名]選取含有指定屬性的元素

? [屬性名=“屬性值”]選取含指定屬性值的元素

? [屬性名^="屬性值"] 選取屬性值以指定內(nèi)容開頭的元素

? [屬性名$="屬性值"] 選取屬性值以指定內(nèi)容結(jié)尾的元素

? [屬性名*="屬性值"] 選取屬性值包含指定內(nèi)容的元素

11、兄弟元素選擇器

+選擇器

作用:選中一個元素后緊挨著的指定的兄弟元素

語法:前一個+后一個(作用在后一個)

~選擇器

作用:選中后邊所有的制定兄弟元素

語法:前一個~后邊所有

css元素選擇器有哪幾種,css復(fù)合選擇器有哪三種

css三種選擇器的特點?

css選擇器的類型分為3類:標(biāo)記選擇器、類別選擇器和ID選擇器。

(可能名稱有不同的說法,但意思都是一樣的) 標(biāo)記選擇器是利用HTML的標(biāo)記直接定義標(biāo)記內(nèi)容的樣式,如:h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器,定義的時候要在名稱前加.如:.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#,如:#box { color:red; font-size:25pt;} 利用DW寫CSS的時候,高級就是上面說的ID選擇器,ID選擇器的名字可以任意命名,可以自己定義,可是標(biāo)簽就只能是HTML語言里制定的那些標(biāo)記,不能自己定義。

偽類選擇器hover的使用?

定義和用法:hover 選擇器用于選擇鼠標(biāo)指針浮動在上面的元素。提示::hover 選擇器可用于所有元素,不只是鏈接。提示::link 選擇器設(shè)置指向未被訪問頁面的鏈接的樣式,:visited 選擇器用于設(shè)置指向已被訪問的頁面的鏈接,:active 選擇器用于活動鏈接。注釋:在 CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話),這樣樣式才能生效。代碼效果測試:

請把鼠標(biāo)指針移動到這些鏈接上。

這個鏈接改變顏色。

這個鏈接改變字體大小。

這個鏈接改變背景色。

這個鏈接改變字體。

這個鏈接會出現(xiàn)下劃線。

CSS有哪些屬性可以繼承?

一、無繼承性的屬性

1、display:規(guī)定元素應(yīng)該生成的框的類型

2、文本屬性:

vertical-align:垂直文本對齊

text-decoration:規(guī)定添加到文本的裝飾

text-shadow:文本陰影效果

white-space:空白符的處理

unicode-bidi:設(shè)置文本的方向

3、盒子模型的屬性:width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

4、背景屬性:background、background-color、background-image、background-repeat、background-position、background-attachment

5、定位屬性:float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6、生成內(nèi)容屬性:content、counter-reset、counter-increment

7、輪廓樣式屬性:outline-style、outline-width、outline-color、outline

8、頁面樣式屬性:size、page-break-before、page-break-after

9、聲音樣式屬性:pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

二、有繼承性的屬性

1、字體系列屬性

font:組合字體

font-family:規(guī)定元素的字體系列

font-weight:設(shè)置字體的粗細(xì)

font-size:設(shè)置字體的尺寸

font-style:定義字體的風(fēng)格

font-variant:設(shè)置小型大寫字母的字體顯示文本,這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫,但是所有使用小型大寫字體的字母與其余文本相比,其字體尺寸更小。

font-stretch:對當(dāng)前的 font-family 進(jìn)行伸縮變形。所有主流瀏覽器都不支持。

font-size-adjust:為某個元素規(guī)定一個 aspect 值,這樣就可以保持首選字體的 x-height。

2、文本系列屬性

text-indent:文本縮進(jìn)

text-align:文本水平對齊

line-height:行高

word-spacing:增加或減少單詞間的空白(即字間隔)

letter-spacing:增加或減少字符間的空白(字符間距)

text-transform:控制文本大小寫

direction:規(guī)定文本的書寫方向

color:文本顏色

3、元素可見性:visibility

4、表格布局屬性:caption-side、border-collapse、border-spacing、empty-cells、table-layout

5、列表布局屬性:list-style-type、list-style-image、list-style-position、list-style

6、生成內(nèi)容屬性:quotes

7、光標(biāo)屬性:cursor

8、頁面樣式屬性:page、page-break-inside、windows、orphans

9、聲音樣式屬性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

三、所有元素可以繼承的屬性

1、元素可見性:visibility

2、光標(biāo)屬性:cursor

四、內(nèi)聯(lián)元素可以繼承的屬性

1、字體系列屬性

2、除text-indent、text-align之外的文本系列屬性

五、塊級元素可以繼承的屬性

1、text-indent、text-align