css的用法：

外部式:

（1）用法:當(dāng)要在站點(diǎn)上所有或部分網(wǎng)頁(yè)上一致地應(yīng)用相同樣式時(shí)，可使用外部樣式表。在一個(gè)或多個(gè)外部樣式表中定義樣式，并將它們鏈接到所有網(wǎng)頁(yè)，便能確保所有網(wǎng)頁(yè)外觀的一致性。如果人們決定更改樣式，只需在外部樣式表中修改一次，而該更改會(huì)反映到所有與該樣式表相鏈接的網(wǎng)頁(yè)上。

（2）舉例:通常外部樣式表以 .css 做為文件擴(kuò)展名，例如 Mystyles.css。然后在需要此樣式的頁(yè)面中將其鏈接進(jìn)來(lái)。

內(nèi)嵌式:

（1）用法:當(dāng)人們只是要定義當(dāng)前網(wǎng)頁(yè)的樣式，可使用嵌入的樣式表。嵌入的樣式表是一種級(jí)聯(lián)樣式表，“嵌”在網(wǎng)頁(yè)的 標(biāo)記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁(yè)上使用。

（2）舉例:在 MicrosoftFrontPage2000中，某些格式設(shè)置特性會(huì)作為內(nèi)嵌樣式自動(dòng)應(yīng)用。例如∶如果使用 “邊框與陰影” 命令（在 “格式” 菜單上）在普通段落周圍應(yīng)用框，F(xiàn)rontPage 會(huì)寫下格式設(shè)置信息，作為段落標(biāo)記符的內(nèi)嵌樣式屬性。

行內(nèi)樣式:

行內(nèi)樣式就是直接把CSS代碼添加到HTML的標(biāo)記中，即作為HTML標(biāo)記的屬性標(biāo)記存在。通過(guò)這種方法，可以很簡(jiǎn)單地對(duì)某個(gè)元素單獨(dú)定義樣式。

<divstyle="width:400px;height:300px;border:1pxsolid#888;overflow:scroll">這個(gè)DIV有滾動(dòng)條</div>

方法/步驟

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

2，在test.html頁(yè)面，使用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層次選擇器具體用法如下：

采用后代選擇器 ：從上面可以看出所有的標(biāo)簽都是body的后代,那么我們使用后代選擇器,就可以將body的后代(所有標(biāo)簽)改變樣式: 后代選擇器是用祖先加上空格再加上后代標(biāo)簽類型進(jìn)行聲明的。

以上資料供參考。