CSS總結（基本文字和字型樣式）
基本文字和字型樣式：
顏色：
p{color:red;}字型種類：
p{font-family:arial;}arial 字型，這個字型可在任何電腦上找到。
通常認為最佳做法還是新增 Helvetica 作為 Arial 的首選替代品，儘管它們的字體面幾乎相同，但 Helvetica 被認為具有更好的形狀，即使Arial更廣泛地可用。
字型棧：
由於你無法保證你想在你的網頁上使用的字型的可用性 (甚至一個網路字型可能由於某些原因而出錯), 你可以提供一個字型棧 (font stack)，這樣的話，瀏覽器就有多種字型可以選擇了。只需包含一個font-family屬性，其值由幾個用逗號分離的字型名稱組成。
p {
font-family: "Trebuchet MS", Verdana, sans-serif;
} 這裡的Trebuchet後有空格，所以Trebuchet MS要加雙引號
使用font-family結合color的例子：
css程式碼：
效果：
字型大小：
px (畫素): 將畫素的值賦予給你的文字。這是一個絕對單位， 它導致了在任何情況下，頁面上的文字所計算出來的畫素值都是一樣的。
ems: 1em 等於我們設計的當前元素的父元素上設定的字型大小 (更加具體的話，比如包含在父元素中的大寫字母 M 的寬度) 如果你有大量設定了不同字型大小的巢狀元素，這可能會變得棘手, 但它是可行的，可以使用em調整任何東西的大小，不只是文字。
rems: 這個單位的效果和 ems 差不多，除了 1rem 等於 HTML 中的根元素的字型大小， (i.e. <html>) ，而不是父元素。這可以讓你更容易計算字型大小，但是遺憾的是， rems 不支援 Internet Explorer 8 和以下的版本。
font-size標準設定的是16px。
一個簡單的font-size例子：
當調整你的文字大小時，將文件(document)的基礎 font-size 設定為10px往往是個不錯的主意，這樣之後的計算會變得簡單，所需要的 (r)em 值就是想得到的畫素的值除以 10，而不是 16。做完這個之後，你可以簡單地調整在你的 HTML 中你想調整的不同型別文字的字型大小。在樣式表的指定區域列出所有font-size的規則集是一個好主意，這樣它們就可以很容易被找到。
css程式碼：
效果：
字型樣式：
font-style: 用來開啟和關閉文字 italic (斜體)。 可能的值如下 (你很少會用到這個屬性，除非你因為一些理由想將斜體文字關閉斜體狀態)：
- normal: 將文字設定為普通字型 (將存在的斜體關閉)
- italic: 如果當前字型的斜體版本可用，那麼文字設定為斜體版本；如果不可用，那麼會利用 oblique 狀態來模擬 italics。
- oblique: 將文字設定為斜體字型的模擬版本，也就是將普通文字傾斜的樣式應用到文字中
字型粗細：
font-weight: 設定文字的粗體大小。這裡有很多值可選，防止你有好幾個可用的字型。 (比如 -light, -normal, -bold, -extrabold, -black, 等等), 不過事實上你很少會用到 normal 和 bold以外的值：
- normal, bold: 普通或者加粗的字型粗細
- lighter, bolder: 將當前元素的粗體設定為比其父元素粗體更細或更粗一步。
- 100–900: 數值粗體值，如果需要，可提供比上述關鍵字更精細的粒度控制。
文字轉換：
text-transform: 允許你設定要轉換的字型。值包括：
- none: 防止任何轉型。
- uppercase: 將所有文字轉為大寫。
- lowercase: 將所有文字轉為小寫。
- capitalize: 轉換所有單詞讓其首字母大寫。
- full-width: 將所有字形轉換成固定寬度的正方形，類似於等寬字型，允許對齊。拉丁字元以及亞洲語言字形（如中文，日文，韓文）
文字裝飾：
text-decoration: 設定/取消字型上的文字裝飾 (你將主要使用此方法在設定連結時取消設定連結上的預設下劃線。) 可用值為：
none: 取消已經存在的任何文字裝飾。underline: 文字下劃線.overline: 文字上劃線line-through: 穿過文字的線strikethrough over the text.
文字陰影：
你可以為你的文字應用陰影，使用 text-shadow 屬性。這最多需要 4 個值。
text-shadow: 4px 4px 5px red;- 陰影與原始文字的水平偏移，可以使用大多數的 CSS 單位 length and size units, 但是 px 是比較合適的。這個值必須指定。
- 陰影與原始文字的垂直偏移;效果基本上就像水平偏移，除了它向上/向下移動陰影，而不是左/右。這個值必須指定。
- 模糊半徑 - 更高的值意味著陰影分散得更廣泛。如果不包含此值，則預設為0，這意味著沒有模糊。可以使用大多數的 CSS 單位 length and size units.
- 陰影的基礎顏色，可以使用大多數的 CSS 顏色單位 CSS color unit. 如果沒有指定，預設為 black.
文字佈局：
text-align 屬性用來控制文字如何和它所在的內容盒子對齊。可用值如下，並且在與常規文書處理器應用程式中的工作方式幾乎相同：
- left: 左對齊文字。
- right: 右對齊文字。
- center: 居中文字
- justify: 使文字展開，改變單詞之間的差距，使所有文字行的寬度相同。你需要仔細使用，它可以看起來很可怕。特別是當應用於其中有很多長單詞的段落時。如果你要使用這個，你也應該考慮一起使用別的東西，比如 hyphens，打破一些更長的詞語。
行高：
line-height 屬性設定文字每行之間的高，可以接受大多數單位 length and size units，不過也可以設定一個無單位的值，作為乘數，通常這種是比較好的做法。無單位的值乘以 font-size 來獲得 line-height。當行與行之間拉開空間，正文文字通常看起來更好更容易閱讀。推薦的行高大約是 1.5–2 (雙倍間距。) 所以要把我們的文字行高設定為字型高度的1.5倍。
line-height: 1.5;字母和行間距：
letter-spacing 和 word-spacing 屬性允許你設定你的文字中的字母與字母之間的間距、或是字與字之間的間距。你不會經常使用它們，但是可能可以通過它們，來獲得一個特定的外觀，或者讓較為密集的文字更加可讀。它們可以接受大多數單位 length and size units.
更改<p>中第一行的行間距：
p::first-line {
letter-spacing: 2px;
word-spacing: 4px;
}