你是不是覺得自己的主頁(yè)不夠靚麗，想讓它有所改變呢？聽說(shuō)過(guò)樣式表格嗎？就是CSS，它就是那個(gè)能讓你更為準(zhǔn)確地控制網(wǎng)頁(yè)的東東。讓我們先來(lái)看兩個(gè)例子：

1、把按鈕的背景由灰色變成黃色，下面是代碼：

〈formmethod="POST"〉
〈inputtype="button"value="按鈕"name="B1"style="background-color:rgb(255,255,0)"〉
〈/p〉
〈/form〉

“form”標(biāo)簽就是表單的標(biāo)簽，“type”就是說(shuō)明按鈕的類型，這里說(shuō)明按鈕是普通的命令按鈕。然后，請(qǐng)注意，重要的東西來(lái)了！ “style”說(shuō)明這里采用了一個(gè)樣式表單，而“background-color”是用來(lái)聲明按鈕的背景顏色屬性的，后面的“rgb”則給了它的屬性值，在這里“(255,255,0)”表示是黃色。

2、把按鈕文字的顏色變成紅色，字體變成楷體，代碼如下：

〈formmethod="POST"〉
〈inputtype="button"value="按鈕"name="B1"style="background-color:rgb(255,255,0);font-family:楷體_GB2312;color:rgb(255,0,0)"〉〈/p〉
〈/form〉

看一下是不是多了些什么東西？對(duì)了，多了兩個(gè)屬性：“font-family”和“color”，前一個(gè)是字體屬性，后一個(gè)是字體的顏色屬性，它們的值分別是：楷體_GB2312和rgb(255,0,0)，說(shuō)明文字是紅色的楷體字，好了，通過(guò)這個(gè)例子來(lái)了解一下什么叫做樣式表單。

首先，什么叫樣式表單呢？如果你使用過(guò)Word就知道只需要設(shè)置一次版面配置和打印格式，那么在該文件內(nèi)所有的頁(yè)面都具有了相同的格式，而樣式表單起的也就是這個(gè)作用，在同一個(gè)網(wǎng)站只需要提供一份樣式表單，然后在所有頁(yè)引用它，那么整個(gè)網(wǎng)站都會(huì)有相同的格式。樣式表單一共有三種。
第一種是外部網(wǎng)頁(yè)樣式表單。它是一個(gè)以CSS為后綴名的文件，相當(dāng)于一個(gè)模板，設(shè)置好以后只需要在網(wǎng)頁(yè)內(nèi)部引用它，就能夠使引用的網(wǎng)頁(yè)具有相同的格式。
第二種是內(nèi)嵌式的網(wǎng)頁(yè)樣式表單，它一般在申明，它只對(duì)本網(wǎng)頁(yè)起作用，同時(shí)如果你已經(jīng)使用了外部樣式表單，那么它將被內(nèi)嵌式的網(wǎng)頁(yè)樣式表單屏蔽。
第三種叫做內(nèi)聯(lián)式樣式表單，用于一段文字，一個(gè)表格，或者是一幅圖形。在前面，我們用的就是這種樣式表單，請(qǐng)注意，它通常是接在一個(gè)我們比較熟悉的HTML標(biāo)簽之后，比如前文的“input”標(biāo)簽，以“style”開頭，后面跟著一些屬性和屬性值。并且借助它們來(lái)準(zhǔn)確地控制這個(gè)標(biāo)簽。屬性與屬性值之間以冒號(hào)隔開，屬性與屬性之間用分號(hào)隔開。
好了，有了以上的理論知識(shí)，我們?cè)賮?lái)聯(lián)系一下實(shí)際，下面我們?cè)倏匆粋€(gè)比較復(fù)雜的例子：