CSS背景

背景色 例如：

background-color 不能繼承，其默認值是 transparent。transparent 有“透明”之意。也就是說，如果一個元素沒有指定背景色，那么背景就是透明的，這樣其祖先元素的背景才能可見。

背景圖像 要把圖像放入背景，需要使用 background-image 屬性。background-image 屬性的默認值是 none，表示背景上沒有放置任何圖像。 如果需要設置一個背景圖像，必須為這個屬性設置一個 URL 值：

理論上講，甚至可以向 textareas 和 select 等替換元素的背景應用圖像，不過并不是所有用戶代理都能很好地處理這種情況。 另外還要補充一點，background-image 也不能繼承。事實上，所有背景屬性都不能繼承。

背景重復 如果需要在頁面上對背景圖像進行平鋪，可以使用 background-repeat 屬性。 默認地，背景圖像將從一個元素的左上角開始。請看下面的例子：

背景定位 可以利用 background-position 屬性改變圖像在背景中的位置。 下面的例子在 body 元素中將一個背景圖像居中放置：

背景關聯(lián) 如果文檔比較長，那么當文檔向下滾動時，背景圖像也會隨之滾動。當文檔滾動到超過圖像的位置時，圖像就會消失。 您可以通過 background-attachment 屬性防止這種滾動。通過這個屬性，可以聲明圖像相對于可視區(qū)是固定的（fixed），因此不會受到滾動的影響：

CSS文本

縮進文本 把 Web 頁面上的段落的第一行縮進，這是一種最常用的文本格式化效果。例如：

注意：一般來說，可以為所有塊級元素應用 text-indent，但無法將該屬性應用于行內元素，圖像之類的替換元素上也無法應用 text-indent 屬性。不過，如果一個塊級元素（比如段落）的首行中有一個圖像，它會隨該行的其余文本移動。

水平對齊 text-align 是一個基本的屬性，它會影響一個元素中的文本行互相之間的對齊方式。

字間隔 Word-spacing 屬性可以改變字（單詞）之間的標準間隔。其默認值 normal 與設置值為 0 是一樣的。 word-spacing 屬性接受一個正長度值或負長度值。如果提供一個正長度值，那么字之間的間隔就會增加。為 word-spacing 設置一個負值，會把它拉近。

字母間隔 letter-spacing 屬性與 word-spacing 的區(qū)別在于，字母間隔修改的是字符或字母之間的間隔。 與 word-spacing 屬性一樣，letter-spacing 屬性的可取值包括所有長度。默認關鍵字是 normal（這與 letter-spacing:0 相同）。輸入的長度值會使字母之間的間隔增加或減少指定的量。

字符轉換 text-transform 屬性處理文本的大小寫。 這個屬性有 4 個值：

文本裝飾 text-decoration 有 5 個值：

處理空白符 white-space 屬性會影響到用戶代理對源文檔中的空格、換行和 tab 字符的處理。

文本方向 direction 屬性有兩個值：ltr 和 rtl。大多數情況下，默認值是 ltr，顯示從左到右的文本。如果顯示從右到左的文本，應使用值 rtl。

CSS字體

在 CSS 中，有兩種不同類型的字體系列名稱：

除了各種特定的字體系列外，CSS 定義了 5 種通用字體系列：

指定字體系列 使用 font-family 屬性 定義文本的字體系列。

通用字體系列，如果你希望文檔使用一種 sans-serif 字體，但是你并不關心是哪一種字體，以下就是一個合適的聲明：

因為有繼承，這種字體選擇還將應用到 body 元素中包含的所有元素，除非有一種更特定的選擇器將其覆蓋。

特定字體系列，除了使用通用的字體系列，您還可以通過 font-family 屬性設置更具體的字體。 下面的例子為所有 h1 元素設置了 Georgia 字體：

這樣的規(guī)則同時會產生另外一個問題，如果用戶代理上沒有安裝 Georgia 字體，就只能使用用戶代理的默認字體來顯示 h1 元素。我們可以通過結合特定字體名和通用字體系列來解決這個問題。 如果您對字體非常熟悉，也可以為給定的元素指定一系列類似的字體。要做到這一點，需要把這些字體按照優(yōu)先順序排列，然后用逗號進行連接：

字體風格 font-style 屬性最常用于規(guī)定斜體文本。 該屬性有三個值：

字體變形 font-variant 屬性可以設定小型大寫字母。 小型大寫字母不是一般的大寫字母，也不是小寫字母，這種字母采用不同大小的大寫字母。例如：

字體加粗 font-weight 屬性設置文本的粗細。 關鍵字 100 ~ 900 為字體指定了 9 級加粗度。如果一個字體內置了這些加粗級別，那么這些數字就直接映射到預定義的級別，100 對應最細的字體變形，900 對應最粗的字體變形。數字 400 等價于 normal，而 700 等價于 bold。 如果將元素的加粗設置為 bolder，瀏覽器會設置比所繼承值更粗的一個字體加粗。與此相反，關鍵詞 lighter 會導致瀏覽器將加粗度下移而不是上移。 例如：

字體大小 font-size 屬性設置文本的大小。 絕對值：

相對大小：

注意：如果您沒有規(guī)定字體大小，普通文本（比如段落）的默認大小是 16 像素 (16px=1em)。

使用像素來設置字體大小 通過像素設置文本大小，可以對文本大小進行完全控制： 例如：

使用 em 來設置字體大小 如果要避免在 Internet Explorer 中無法調整文本的問題，許多開發(fā)者使用 em 單位代替 pixels。

結合使用百分比和 EM 在所有瀏覽器中均有效的方案是為 body 元素（父元素）以百分比設置默認的 font-size 值：

CSS鏈接

鏈接的四種狀態(tài)：

當為鏈接的不同狀態(tài)設置樣式時，請按照以下次序規(guī)則： a:hover 必須位于 a:link 和 a:visited 之后 a:active 必須位于 a:hover 之后

文本修飾 text-decoration 屬性大多用于去掉鏈接中的下劃線：

背景色 background-color 屬性規(guī)定鏈接的背景色：

CSS列表

屬性：

CSS輪廓

輪廓（outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。 屬性：

CSS框模型

元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現(xiàn)了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距默認是透明的，因此不會遮擋其后的任何元素。 許多元素將由用戶代理樣式表設置外邊距和內邊距。可以通過將元素的 margin 和 padding 設置為零來覆蓋這些瀏覽器樣式。這可以分別進行，也可以使用通用選擇器對所有元素進行設置：

提示：內邊距、邊框和外邊距可以應用于一個元素的所有邊，也可以應用于單獨的邊。 提示：外邊距可以是負值，而且在很多情況下都要使用負值的外邊距。

內邊距 padding 屬性定義元素的內邊距。padding 屬性接受長度值或百分比值，但不允許使用負值。 例如，如果您希望所有 h1 元素的各邊都有 10 像素的內邊距，只需要這樣：

您還可以按照上、右、下、左的順序分別設置各邊的內邊距，各邊均可以使用不同的單位或百分比值：

邊框 元素外邊距內就是元素的的邊框 (border)。元素的邊框就是圍繞元素內容和內邊據的一條或多條線。 每個邊框有 3 個方面：寬度、樣式，以及顏色。 邊框樣式

邊框寬度

由于 border-style 的默認值是 none，如果沒有聲明樣式，就相當于 border-style: none。因此，如果您希望邊框出現(xiàn)，就必須聲明一個邊框樣式。

邊框顏色

注釋：默認的邊框顏色是元素本身的前景色。如果沒有為邊框聲明顏色，它將與元素的文本顏色相同。另一方面，如果元素沒有任何文本，假設它是一個表格，其中只包含圖像，那么該表的邊框顏色就是其父元素的文本顏色（因為 color 可以繼承）。這個父元素很可能是 body、div 或另一個 table。

注釋：transparent表示透明。

外邊距 設置外邊距的最簡單的方法就是使用 margin 屬性。 例如：

百分數是相對于父元素的 width 計算的。

單邊外邊距屬性

外邊距合并 外邊距合并指的是，當兩個垂直外邊距相遇時，它們將形成一個外邊距。 合并后的外邊距的高度等于兩個發(fā)生合并的外邊距的高度中的較大者。 注釋：只有普通文檔流中塊框的垂直外邊距才會發(fā)生外邊距合并。行內框、浮動框或絕對定位之間的外邊距不會合并。