【正文】 input[type=text] { width:150px。樣式表應(yīng)該以 .css 擴展名進行保存。 例如，外部樣式表擁有針對 h3 選擇器的三個屬性： h3 { color: red。} 如需查看本例的效果，可以 親自試一試 ！ 可以為所有元素設(shè)置背景色，這包括 body 一直到 em 和 a 等行內(nèi)元素。 默認地，背景圖像將從一個元素的左上角開始。例如， top right 使圖像放置在元素內(nèi)邊距區(qū)的右上角。 也就是說，圖像中描述為 50% 50% 的點（中心點）與元素中描述為 50% 50% 的點（中心點）對齊。)。 如何重復(fù)背景圖像 本例演示如何重復(fù)背景圖像。 CSS 文本 CSS 文本屬性可定義文本的外觀。換句話說，如果將縮進值設(shè)置為 20%，所影響元素的第一行會縮進其父 元素寬度的 20%。 CENTER 不僅影響文本，還會把整個元素居中。 字母間隔 letterspacing 屬性 與 wordspacing 的區(qū)別在于，字母間隔修改的是字符或字母之間的間隔。 none 值會關(guān)閉原本應(yīng)用到一個元素上的所有裝飾。如果給定這個值，換行字符（回車）會轉(zhuǎn)換為空格，一行中多個空格的序列也會轉(zhuǎn)換為一個空格。 CSS2 引入了一個屬性來描述其 方向性。 在元素中禁止文本折行 本例演示如何禁止在元素中的文本折行。 指定字體系列 使用 fontfamily 屬性 定義文本的字體系列。New York39。} 親自試一試 italic 和 oblique 的區(qū)別 fontstyle 非常簡單：用于在 normal 文本、 italic 文本和 oblique 文本之間選擇。} {fontweight:bold。如果一個元素的 fontsize 為 16 像素， 那么對于該元素， 1em 就等于 16 像素。在所 有瀏覽器中，可以顯示相同的文本大小，并允許所有瀏覽器縮放文本的大小。 fontvariant 以小型大寫字體或者正常字體顯示文本。 CSS 列表實例： 在無序列表中的不同類型的列表標(biāo)記 本例演示在 CSS 中不同類型的列表項標(biāo)記。 如果需要把表格顯示為單線條邊框，請使用 bordercollapse 屬性。 captionside 設(shè)置表格標(biāo)題的位置。 2 outlinestyle 設(shè)置輪廓的樣式。 padding: 0。 設(shè)置輪廓的寬度 本例演示如何設(shè)置輪廓的寬度。 } th { backgroundcolor:green。 表格邊框 如需在 CSS 中設(shè)置表格邊框，請使用 border 屬性。 列表標(biāo)志位置 可以確定標(biāo)志出現(xiàn)在列表項內(nèi)容之外還是內(nèi)容內(nèi)部。（ 已刪除該屬性。} h1 {fontsize:。 雖然可以通過瀏覽器的縮放工具調(diào)整文本大小，但是這實際上是對整個頁面的調(diào)整，而不僅限于文本。數(shù)字 400 等價于 normal，而 700 等價于 bold。.../p 親自試一試 字體風(fēng)格 fontstyle 屬性 最常用于規(guī)定斜體文本。 如果您對字體非常熟悉，也可以為給定的元素指定一系列類似的字體。 whitespace 設(shè)置元素中空白的處理方式。 對齊文本 本例演示如何對齊文本。 實例 TIY ： whitespace: prewrap 實例 TIY ： whitespace: preline 注意： 我們在 IE7 和 瀏覽器中測試了上面的兩個實例，但是結(jié)果是，值 prewrap 和 preline 都沒有得到很好的支持。 通過使用該屬性，可以影響瀏覽器處理字之間和文本行之間的空白符的方式。 textdecoration 有 5 個值： ? none ? underline ? overline ? linethrough ? blink 不出所料， underline 會對元素加下劃線，就像 HTML 中的 U 元素一樣。如果提供一個正長度值，那么字之間的間隔就會增加。對于希伯來語和阿拉伯語之類的的語言， textalign 則默認為 right，因為這些語言從右向左讀。為了避免出現(xiàn)這種顯示問題，建議針對負縮進再設(shè)置一個外邊距或一些內(nèi)邊距： p {textindent: 5em。 backgroundcolor 設(shè)置元素的背景顏色。 CSS 背景實例 設(shè)置背景顏色 本 例演示如何為元素設(shè)置背景顏色。 長度值 長度值解釋的是元素內(nèi)邊距區(qū)左上角的偏移。 backgroundrepeat:norepeat。通常，這些關(guān)鍵字會成對出現(xiàn)，不過也不總是這樣。事實上，所有背景屬性都不能繼承。這個屬性接受任何合法的顏色值。 要使用內(nèi)聯(lián)樣式，你需要在相關(guān)的標(biāo)簽內(nèi)使用樣式（ style）屬性。每個頁面使用 link 標(biāo)簽鏈接到樣式表。 } 親自試一試 屬性和值選擇器 多個值 下面的例子為包含指定值的 title 屬性的所有元素設(shè)置樣式。 background: 666。 fontweight: normal。} 下面的 HTML 代碼中， id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p 元素顯示為綠色。在 CSS2 中，它們稱為派生選擇器，但是無論你如何稱呼它們，它們的作用都是相同的。并且在大部分的現(xiàn)代瀏覽器中，也確實是這樣的。 margin: 0。 } 請注意，當(dāng)使用 RGB 百分比時，即使當(dāng)值為 0 時也要寫百分比符號。 selector {declaration1。同時文檔布局由瀏覽器來完成，而不使用任何的格式化標(biāo)簽。如需進行全局的更新，只需簡單地改變樣式，然后網(wǎng)站中的所有元素均會自動地更新。 h1 {color:red。 color:red。 h1,h2,h3,h4,h5,h6 { color: green。 繼承是一個詛咒嗎？ 如果你不希望 Verdana, sansserif 字體被所有的子元素繼承，又該怎么做呢？比方說，你希望段落的字體是 Times。 再看看下面的 CSS 規(guī)則： strong { color: red。 } 上面的樣式只會應(yīng)用于出現(xiàn)在 id 是 sidebar 的元素內(nèi)的段落。老版本的 Windows/IE 瀏覽器可能會忽略這條規(guī)則，除非你特別地定義這個選擇器所屬的元素： divsidebar { border: 1px dotted 000。這都是由于我們書寫這條規(guī)則的方式，這個效果被限制于被標(biāo)注為 fancy 的表格單元（即使用 td 元素來選擇 fancy 類）。 } input[type=button] { width:120px。假如你使用 “marginleft: 20 px” 而不是 “marginleft: 20px” ，它僅在 IE 6 中有效，但是在 Mozilla/Firefox 或 Netscape 中卻無法正常工作。 } 假如擁有內(nèi)部樣式表 的這個頁面同時與外部樣式表鏈接，那么 h3 得到的樣式是： color: red。 backgroundimage 屬性的默認值是 none，表示背景上沒有放置任何圖像。 下面的例子在 body 元素中將一個背景圖像居中放置： body { backgroundimage:url(39。)。)。 背景關(guān)聯(lián) 如果文檔比較長，那么當(dāng)文檔向下滾動時，背景圖像也會隨之滾動。 如何使用 %來定位背景圖像 本例演示如何使用百分比來在頁面上定位背景圖像。 這個屬性最常見的用途是將段落的首行縮進，下面的規(guī)則會使所有段落的首行縮進 5 em： p {textindent: 5em。} p {width: 200px。 然后，調(diào)整單詞和字母間的間隔，使各行的長度恰好相等。顧名思義， uppercase 和 lowercase 將文本轉(zhuǎn)換為全大寫和全小寫字符。 還可以在一個規(guī)則中結(jié)合多種裝飾。 值 nowrap 與 之相對的值是 nowrap，它會防止元素中的文本換行，除非使用了一個 br 元素。如果顯示從右到左的文本，應(yīng)使用值 rtl。 textalign 對齊元素中的文本。 下面的例子為所有 h1 元素設(shè)置了 Geia 字體： h1 {fontfamily: Geia。只有當(dāng)字體名中有一個或多個空 格（比如 New York），或者如果字體名包括 或 $ 之類的符號，才需要在 fontfamily 聲明中加引號。 字體變形 fontvariant 屬性 可以設(shè)定小型大寫字母。 請始終使用正確的 HTML 標(biāo)題，比如使用 h1 h6 來標(biāo)記標(biāo)題，使用 p 來標(biāo)記段落。} /* 60px/16= */ h2 {fontsize:。 設(shè)置字體的粗細 本例演示如 何設(shè)置字體的粗細。 由于列表如此多樣，這使得列表相當(dāng)重要，所以說 ， CSS 中列表樣式不太豐富確實是一大憾事。 在一個聲明中定義所有的列表屬性 本例演示將所有針對列表的屬性設(shè)置于一個簡寫屬性。 } th { height:50px。 設(shè)置表格邊框之間的空白 本例演示如何設(shè)置單元格邊框之間的距離。內(nèi)邊距的邊緣是邊框。 提示： 背景應(yīng)用于由內(nèi)容和內(nèi)邊距組成的區(qū)域。 CSS 輪廓 輪廓（ outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。 textalign 屬性設(shè)置水平對齊方式，比如左對齊、右對齊或者居中： td { textalign:right。用于把所有用于列表的屬性設(shè)置于一個聲明中。 例如，在一個無序列表中，列表項的標(biāo)志 (marker) 是出現(xiàn)在各列表項旁邊的圓點。 CSS 字體屬性 屬性 描述 font 簡寫屬性。} /* 14px/16= */ 親自試一試 在上面的例子中，以 em 為單位的文本大小與前一個例子中以像素計的文本。 絕對值： ? 將文本設(shè)置為指定的大小 ? 不允許用戶在所有瀏覽器中改變文本大?。ú焕诳捎眯裕? ? 絕對大小在確定了輸出的物理尺寸時很有用 相對大?。? ? 相對于周圍的元 素來設(shè)置大小 ? 允許用戶在瀏覽器改變文本大小 注意： 如果您沒有規(guī)定字體大小，普通文本（比如段落）的默認大小是 16 像素 (16px=1em)。 實例 p {fontvariant:smallcaps。但是，如果把一個 fontfamily 屬性放在 HTML 的 style 屬性中，則需要使用該屬性本身未使用的那種引號： p style=fontfamily: Times, TimesNR, 39。 我們可以通過結(jié)合特定字體名和通用字體系列來解決這個問題： h1 {fontfamily: Geia, serif。 textindent 縮進元素中文本的首行。 設(shè)置文本的背景顏色 本例顏色如何設(shè)置部分文本的背景顏色。 實例 TIY ： whitespace: nowrap 值 prewrap 和 preline 引入了值 prewrap 和 preline，這在以前版本的 CSS 中是沒有的。} 不過要注意的是，如果兩個不同的裝飾都與同一元素匹配，勝出規(guī)則的值會完全取代另一個值。 作為一個屬性， texttransform 可能無關(guān)緊要，不過如果您突然決定把所有 h1 元素變?yōu)榇髮?，這個屬性就很有用。 需要注意的是，要由用戶代理（而不是 CSS）來確定兩端對齊文本如何拉伸，以填滿父元素左右邊界之間的空間。 水平對齊 textalign 是一個基本的屬性，它 會影響一個元素中的 文本行 互相之間的對齊方式。不過，如果一個塊級元素（比如段落）的首行中有一個圖像，它會隨該行的其余文本移動。 如何設(shè)置固定的背景圖像 本例演示如何設(shè)置固定的背景圖像。 您可以通過 backgroundattachment 屬性 防止這種滾動。 backgroundposition:66% 33%。 backgroundposition:top。)。} 大多數(shù)背景都應(yīng)用到 body 元素，不過并不僅限于此。 fontsize: 20pt。你可以使用 style 標(biāo)簽在文檔頭部定義內(nèi)部樣式表，就像這樣 : head style type=text/css hr {color: sienna。 display:block。 可以為擁有指定屬性的 HTML 元素設(shè)置樣式，而不僅限于 class 和 id 屬性。 } CSS 類選擇器 在 CSS 中，類選擇器以一個點號顯示： .center {textalign: center} 在上面的例子中，所有擁有 center 類的 HTML