1.字型樣式設定
字型樣式大致有如下幾種特徵：
字型型別（風格）、字型粗細、字型大小、字型系列
(1)字型型別（風格） font-style
用於設定字型風格，可設定以下值：
① normal：普通字型
② italic：斜體
③ oblique：傾斜字型
(2)字型粗細 font-weight
用於設定字型粗細，可設定以下值：
① normal：正常粗細
② bold：粗體
③ bolder：更粗的字型
④ lighter：更細的字型
⑤ 100~900：步長為100，
400 等同於 normal，而 700 等同於 bold
(3)字型大小 font-size
用於設定字型大小的，可設定任意正整數和浮點數
預設情況下，幾乎所有的瀏覽器的預設字型大小都為16px. 且chrome等主流瀏覽器不支援12畫素以下的字型。
(4)字型系列 font-family
用於設定字型系列，就是我們通常說的「所用字型」。
設定字型有以下規則：
1.使用中文字型，或帶空格的英文本型名，需要用「引號」將該字型名擴起來
2.單個單詞的字型名稱則無需加上引號。
3.「font-family」可以有多個值，多個值設定的作用是，當瀏覽使用者本地計算機沒有找到設定的第乙個值所表示的字型時，會去找第二個，以此類推，若找到最後乙個值都沒有找到匹配的字型，瀏覽器則會用自己的預設字型。
4.考慮到網頁最終顯示效果在不同裝置上的一致性，我們通常使用的中文字型只有：「宋體」、「微軟雅黑」、「黑體」、「楷體」、「幼圓」等，而目前以「微軟雅黑」為最常用設計字型。
5.常用的英文本型有：「arial」、「helvetica」、「tahoma」、「verdana」、「lucida grande」、「times new roman」、「georgia」等。
2.組合值寫法
(1)給上所有的屬性
我們能將「font」的多個值組合起來寫
(2)省略字型型別或字型風格之一，或都省略
1.由於字型型別（風格）和字型粗細，具有一定的相似性，如他們都有乙個「normal」值，
2.所以在寫「font」屬性組合值的時候可以省略二者之一，以辨識到的值進行設定，另外乙個自動為「normal」，
3.甚至還能省略掉第前兩個值，只保留「font-size」和「font-family」
即：style,weight可只給上任意乙個，或者都給，或者都不給，順序也可以換，但是要在前兩個。
注意：在「font」組合值的寫法中，只有「font-size」和「font-family」這兩個的值是不能省略的，而且是缺一不可，順序也是要先大小後系列不能變，否則瀏覽器會不認識該值，對該組合值進行報錯。
(3)在font內設定文字行高
「font」屬性組合值的寫法，除了以上所提到的，它還有一種比較不常見，卻還比較實用的寫法，即可直接在「font」屬性內設定文字的行高「line-height」，如下：
3.擴充套件：字型單位px ,em , rem【必須掌握】
① px（畫素，相對於顯示器螢幕解析度而言）
② em（相對當前元素內文字的字型尺寸，會繼承父元素大小）
③ rem （相對html根元素，最常用的單位）
pxpx畫素（pixel）。相對長度單位。畫素px是相對於顯示器螢幕解析度而言的。
當把乙個圖放大後，看到很多矩形的小方塊，那些就是畫素。
px特點
1. ie無法調整那些使用px作為單位的字型大小；
2. 國外的大部分**能夠調整的原因在於其使用了em或rem作為字型單位；
3. firefox能夠調整px和em，rem。但是96%以上的中國網民使用ie瀏覽器(或核心)。
emem是相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。
em特點
1. em的值並不是固定的；
2. em會繼承父級元素的字型大小。
注意：1.任意瀏覽器的預設字型高都是16px。所有未經調整的瀏覽器都符合: 1em=16px。那麼12px=0.75em,10px=0.625em。
2.為了簡化font-size的換算，需要在css中的body選擇器中宣告font-size=62.5%，這就使em值變為 16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10，然後換上em作為單位就行了。
所以我們在寫css的時候，如果你想把畫素單位轉換為em單位
需要注意兩點：
body選擇器中宣告font-size=62.5%；
將你的原來的px數值除以10，然後換上em作為單位；
重新計算那些原本就以em作為單位的數值。（原本1em=16px,現在1em=10px,所以需要重新計算）
remrem是css3新增的乙個相對單位（root em，根em），這個單位引起了廣泛關注。
這個單位與em有什麼區別呢？
區別在於使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是html根元素。
這個單位可謂集相對大小和絕對大小的優點於一身，通過它既可以做到只修改根元素就成比例地調整所有字型大小，又可以避免字型大小逐層復合的連鎖反應。
目前，除了ie8及更早版本外，所有瀏覽器均已支援rem。對於不支援它的瀏覽器，應對方法也很簡單，就是多寫乙個絕對單位的宣告。這些瀏覽器會忽略用rem設定的字型大小。
注意：選擇使用什麼字型單位主要由你的專案來決定，如果你的使用者群都使用最新版的瀏覽器，那推薦使用rem，如果要考慮相容性，那就使用px,或者兩者同時使用。
CSS基礎之字型樣式設定
css字型樣式設定 1.字型樣式設定 字型樣式大致有如下幾種特徵 字型型別 風格 字型粗細 字型大小 字型系列 1 字型型別 風格 font style 用於設定字型風格，可設定以下值 normal 普通字型 italic 斜體 oblique 傾斜字型 2 字型粗細 font weight 用於設...
css字型樣式
注 以下的字型樣式只可在ie中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...
css 字型樣式
通常使用絕對大小定義文件的基準字型大小，然後使用相對大小定義其它文字 如 定義文件預設字型大小為12培訓，位150 則呈現12px大小，呈現為18px的大小 常用技巧 中文網頁的字型大小設定，通常使用偶書字型大小，以避免文字邊緣出現毛邊，如14px或22px 在pc端設定字型大小最小值為12px，在...