CSS背景

背景色 例如：

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

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

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

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

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

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

CSS文本

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

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

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

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

字母間隔 letter-spacing 屬性與 word-spacing 的區別在于，字母間隔修改的是字符或字母之間的間隔。 與 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 字體：

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

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

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

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

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

相對大小：

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

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

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

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

CSS鏈接

鏈接的四種狀態：

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

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

背景色 background-color 屬性規定鏈接的背景色：

CSS列表

屬性：

CSS輪廓

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

CSS框模型

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

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

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

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

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

邊框寬度

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

邊框顏色

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

注釋：transparent表示透明。

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

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

單邊外邊距屬性

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