【正文】 來處理舊式瀏覽器無法理解繼承的問題?？纯聪旅孢@條規(guī)則： body { fontfamily: Verdana, sansserif。不過存在一個例外：如果涉及到與 HTML 文檔一起工作的話， class 和 id 名稱對大小寫是敏感的。 fontfamily: arial。} 多重聲明： 提示： 如果要定義不止一個聲明，則需要用分號將每個聲明分開。 值的不同寫法和單位 除了英文單詞 red，我們還可以使用十六進制的顏色值 ff0000： p { color: ff0000。 屬性（ property）是您希望設(shè)置的樣式屬性（ style attribute）。甚至可以在同一個 HTML 文檔內(nèi)部引用多個外部樣式表。 樣式表極大地提高了工作效率 樣式表定義如何顯示 HTML 元素，就像 HTML 的字體標簽和顏色屬性所起的作用那樣。CSS 基礎(chǔ) ? CSS 教程 ? CSS 簡介 ? CSS 基礎(chǔ)語法 ? CSS 高級語法 ? CSS 派生選擇器 ? CSS id 選擇器 ? CSS 類選擇器 ? CSS 屬性選擇器 ? CSS 創(chuàng)建 CSS 樣式 ? CSS 背景 ? CSS 文本 ? CSS 字體 ? CSS 列表 ? CSS 表格 ? CSS 輪廓 CSS 框模型 ? CSS 框模型概述 ? CSS 內(nèi)邊距 ? CSS 邊框 ? CSS 外邊距 ? CSS 外邊距合并 CSS 定位 ? CSS 定位概述 ? CSS 相對定位 ? CSS 絕對定位 ? CSS 浮動 CSS 選擇器 ? CSS 元素選擇器 ? CSS 選擇器分組 ? CSS 類選擇器詳解 ? CSS ID 選擇器詳解 ? CSS 屬性選擇器詳解 ? CSS 后代選擇器 ? CSS 子元素選擇器 ? CSS 相鄰兄弟選擇器 ? CSS 偽類 ? CSS 偽元素 CSS 高級 ? CSS 尺寸 ? CSS 分類 ? CSS 媒介類型 ? CSS 注意事項 ? CSS 總結(jié) CSS 實例 ? CSS 實例 參考手冊 ? CSS2 參考手冊 ? CSS2 打印 ? CSS2 聽覺 ? CSS2 單位 CSS 測驗 ? CSS 測驗 CSS 簡介 需要具備的基礎(chǔ)知識 在繼續(xù)學習之前，你需要對下面的知識有基本的了解： ? HTML ? XHTML 如果你希望首先學習這些項目，請在 首頁 訪問相關(guān)教程。樣式通常 保存在外部的 .css 文件中。 層疊次序 當同一個 HTML 元素被不止一個樣式定義時，會使用哪個樣式呢？ 一般而言，所有的樣式會根據(jù)下面的規(guī)則層疊于一個新的虛擬樣式表中，其中數(shù)字 4 擁有最高的優(yōu)先權(quán)。每個屬性有一個值。 } 為了節(jié)約字節(jié)，我們可以使用 CSS 的縮寫形式： p { color: f00。下面的例子展示出如何定義一個紅色文字的居中段落。 } 空格和大小寫 大多數(shù)樣式表包含不止一條規(guī)則，而大多數(shù)規(guī)則包含不止一個聲明。 CSS 高級語法 選擇器的分組 你可以對選擇器進行分組，這樣，被分組的選擇器就可以分享相同的聲明。 } 根據(jù)上面這條規(guī)則，站點的 body 元素將使用 Verdana 字體（假如訪問者的系統(tǒng)中存在該字體的話）。 body { fontfamily: Verdana, sansserif。 } p { fontfamily: Times, Times New Roman, serif。 } 請注意標記為 strong 的藍色代碼的上下文關(guān)系： pstrong我是粗體字，不是斜體字，因為我不在列 表當中，所以這個規(guī)則對我不起作用/strong/p ol listrong我是斜體字。 id 選擇器以 來定義。 id 選擇器和派生選擇器 在現(xiàn)代布局中， id 選擇器常常用于建立派生選擇器。 textalign: right。 } 在這里，與頁面中的其他 p 元素明顯不同的是， sidebar 內(nèi)的 p 元素得到了特殊的處理，同時，與頁面中其他所有 h2 元素明顯不同的是， sidebar 中的 h2 元素也得到了不同的特殊處理。這意味著兩者都將遵守 .center 選擇器中的規(guī)則。 td class=fancy 你可以將類 fancy 分配給任何一個表 格元素任意多的次數(shù)。 IE6 及更低的版本不支持屬性選擇器。 display:block。 } 如何創(chuàng)建 CSS 如何插入樣式表 當讀到一個樣式表時，瀏覽器會根據(jù)它來格式化 HTML 文檔。下面是一個樣式表文件的例子： hr {color: sienna。} body {backgroundimage: url(images/)。 textalign: left。 CSS 背景 CSS 允許應用純色作為背景，也允許使用背景圖像創(chuàng)建相當復雜的效果。 backgroundcolor 不能繼承，其默認值是 transparent。} 您甚至可以為行內(nèi)元素設(shè)置背景圖像，下面的例子為一個鏈接設(shè)置了背景圖像： {backgroundimage: url(/i/)。請看下面的例子： body { backgroundimage: url(/i/)。 backgroundposition:center。 根據(jù)規(guī)范，位置關(guān)鍵字可以按任何順序出現(xiàn)，只要保證不超過兩個關(guān)鍵字 一個對應水平方向，另一個對象垂直方向。假設(shè)你希望用百分數(shù)值將圖像在其元素 中居中，這很容易： body { backgroundimage:url(39。 如果圖像位于 0% 0%，其左上角將放在元素內(nèi) 邊距區(qū)的左上角。這一點與關(guān)鍵 字類似。 backgroundrepeat:norepeat。 backgroundrepeat:norepeat。 如何在垂直方向重復背景圖像 本例演示如何垂直地重復背景圖像。 所有背景屬性在一個聲明之中 本例演示如何使用簡寫屬性來將所有背景屬性設(shè)置在一個聲明之中。 通過文本屬性，您可以改變文本的顏色、字符間距，對齊文本，裝飾文本，對文本進行縮進，等等。 使用負值 textindent 還可以設(shè)置為負值。 在下例中，縮進值是父元素的 20%，即 100 個像素： div {width: 500px。 值 left、 right 和 center 會導致元素中的文本分別左對齊、右對齊和居中。 textalign 不會控制元素的對齊，而只影響內(nèi)部內(nèi)容。 字間隔 wordspacing 屬性 可以改變字（單詞）之間的標準間隔。 與 wordspacing 屬性一樣， letterspacing 屬性的可取值包括所有長度。首先，只需寫一個簡單的規(guī)則來完成這個修改，而無需修改 h1 元素本身。通常，無裝飾的文本是默認外觀，但也不總是這樣。} h2 {textdecoration: underline overline。 實例 TIY ： whitespace: normal 值 pre 不過，如果將 whitespace 設(shè)置為 pre，受這個屬性影響的元素中，空白符的處理就有所不同，其行為就像 XHTML 的 pre 元素一樣；空 白符不會被忽略。 如果元素的 whitespace 設(shè)置為 prewrap，那么該元素中的文本會保留空白符序列，但是文本行會正常地換行。 direction 屬性 影響塊級元素中文本的書寫方向、表中列布局的方向、內(nèi)容水平填充其元素框的方向、以及兩端對齊元素中最后一行的為止。 使用百分比設(shè)置行間距 本例演示如何使用百分比值來設(shè)置段落中的行間距。 增加單詞間距 本例演示如何增加段落中單詞間的距離。 CSS2 包含該屬性，但是 沒有保留該屬性。 使用通用字體系列 如果你希望文檔使用一種 sansserif 字體，但是你并不關(guān)心是哪一種字體，以下就是一個合適的聲明： body {fontfamily: sansserif。盡管 Times 與 Geia 并不完全匹配，但至少足夠接近。, serif。, Geia, 39。唯一有點復雜的是明確 italic 文本和 oblique 文本之間的差別。 使用 bold 關(guān)鍵字可以將文本設(shè)置為粗體。} {fontweight:900。} h2 {fontsize:40px。在設(shè)置字體大小時， em 的值會相對于父元素的字體大小改變。 不幸的是，在 IE 中仍存在問題。 CSS 字體實例： 設(shè)置文本的字體 本例演示如何設(shè)置文本字體。 fontfamily 設(shè)置字體系列。 fontweight 設(shè)置字體的粗細。 要修改用于列表項的標志類型，可以使用屬性 liststyletype： ul {liststyletype : square} 上面的聲明把無序列表中的列表項標志設(shè)置為方塊。 在有序列表中不同類型的列表項標記 本例演示在 CSS 中不同類型的列表項標記。 liststyleposition 設(shè)置列表中列表項標志的位置。 折疊邊框 bordercollapse 屬性設(shè)置是否將表格邊框折疊為單一邊框： table { bordercollapse:collapse。 verticalalign:bottom。 emptycells 設(shè)置是否顯示表格中的空單元格。 輪廓（ Outline） 實例： 在元素周圍畫線 本例演示使用 outline 屬性在元素周圍畫一條線。 2 outlinewidth 設(shè)置輪廓的寬度。但是，許多元素將由用戶代理樣式表設(shè)置外邊距和內(nèi)邊距。這可以分別進行，也可以使用通用選擇器對所有元素進行設(shè) 置： * { margin: 0。 CSS 框模型概述 元素框的最內(nèi)部分是實際的內(nèi)容，直接包圍內(nèi)容的是內(nèi)邊距。 設(shè)置輪廓的樣式 本例演示如何設(shè)置輪廓的樣式。 親自試一試 更多實例 制作一個漂亮的表格 本例演示如何創(chuàng)造一個漂亮的表格。 } 親自試一試 表格顏色 下面的例子設(shè)置邊框的顏色，以及 th 元素的文本和背景顏色： table, td, th { border:1px solid green。 } 親自試一試 表格寬度和高度 通過 width 和 height 屬性定義表格的寬度和高度。 markeroffset CSS 表格 CSS 表格屬性可以幫助您極大地改善表格的外觀。 將圖像作為列表項標記 本例演示如何將圖像作為列表項標記。你可能想對各標志使用一個圖像，這可以利用 liststyleimage 屬性做到： ul li {liststyleimage : url()} 只需要簡單地使用一個 url() 值，就可以使用圖像作為標志。 CSS 列表 從某種意義上講，不是描述性的文本的任何內(nèi)容都可以認為是列表。 fontsizeadjust 當首選字體不可用時，對替換字體進行智能縮放。 設(shè)置字體風格 本例演示如何設(shè)置字體風格。 結(jié)合使用百分百和 EM 在所有瀏覽器中均有效的方案是為 body 元素（父元素）以百分比設(shè)置默認的 fontsize 值： 實例 body {fontsize:100%。因此 1em 的默認尺寸是 16 像素。} 親自試一 試 在 Firefox, Chrome, and Safari 中，可以重新調(diào)整以上例子的文本大小，但是在 Inter Explorer 中不行。 有能力管理文本的大小在 web 設(shè)計領(lǐng)域很重要。如果一個字體內(nèi)置了這些加粗級別，那么這些數(shù)字就直接映射到預定義的級別， 100 對應最細的字體變形， 900 對應最粗的字體變形。與此不同，傾斜（ oblique）文本則是正常豎直文本的一個傾斜版本。, serif。如果列出的所有字體都不可用，就會簡單地選擇一種可用的 serif 字體。這樣就提供了一條后路，在用戶代理無法提供與規(guī)則匹配的特定字體時，就可以選擇一個候選字體。因為有繼承，這種字體選擇還將應用到 body 元素中包含的所有元素，除非有一種更特定的選擇器將其覆蓋。 unicodebidi 設(shè)置文本方向。 lineheight 設(shè)置行高。 使用數(shù)值來設(shè)置行間距 本例演示如何使用一個數(shù)值來設(shè)置段落中的行間距。 direction 屬性有兩個值： ltr 和 rtl。 prelin