方法/步驟

1，新建一個(gè)html文件，命名為test.html ，用于介紹如何用css改變下拉框select樣式。

2，在test.html頁面，使用div創(chuàng)建一個(gè)模塊，設(shè)置其class屬性為select1，用于下面對(duì)該類名進(jìn)行樣式布局。

3，在div模塊內(nèi)，使用select標(biāo)簽創(chuàng)建一個(gè)下拉選擇框，下拉列表是三個(gè)顏色的選擇。

4，使用css對(duì)div進(jìn)行樣式布局，設(shè)置其寬度為298px ，高度為60px，并給它一個(gè)透明的背景顏色，設(shè)置其為圓角邊框。

5，使用css對(duì)select下拉框進(jìn)行樣式的設(shè)置，設(shè)置其寬度為300px(比外層的div寬度大一點(diǎn)，效果更加好看)，高度為100%。

css后代選擇器可以寫5個(gè)，本來css的后代選擇器可以選擇多個(gè)，但是層級(jí)越深，效率越低，所以最好寫5個(gè)就行

是opacity。

opacity屬性用于設(shè)置元素的不透明級(jí)別，語法為【opacity:value|inherit;】

屬性值value用于規(guī)定不透明度。從 0 (完全透明)到 1 (完全不透明)。inherit 應(yīng)該從父元素繼承 opacity 屬性的值。設(shè)置 div 元素的不透明級(jí)別：

div{

opacity:0.5;

}

注：若取值超出范圍(小于0或大于1)，那么會(huì)就近取合法值。如取1.2則按1顯示，取負(fù)數(shù)按0顯示。

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

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

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

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

作用：通過它可以同時(shí)選中多個(gè)選擇器對(duì)應(yīng)的元素(通常用于集體聲明)

語法：選擇器1，選擇器2，選擇器n{ }

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

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

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

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

6、通配選擇器

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

語法：*{ }

7、后代元素選擇器

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

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

8、子元素選擇器

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

語法：父元素>子元素

9、偽類選擇器

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

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

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

:active 被點(diǎn)擊時(shí)元素的狀態(tài)

10、 屬性選擇器

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

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

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

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

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

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

11、兄弟元素選擇器

+選擇器

作用：選中一個(gè)元素后緊挨著的指定的兄弟元素

語法：前一個(gè)+后一個(gè)(作用在后一個(gè))

~選擇器

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

語法：前一個(gè)~后邊所有