5. 字型風格和變形
6. 拉伸和調整字型
7. font屬性
除了各種特定的字型系列外，css 定義了 5 種通用字型系列：
font-family 先確定多個字型的優先順序，然後用逗號將它們連起來：
p
即：font-family 屬性的值是用於某個元素的字型族名稱乙個優先順序列表。瀏覽器會呼叫按優先順序查詢後可識別的第乙個字型名稱。
加粗的相對值必須要限制在絕對大小範圍內。
ppp
描述normal
預設值。定義標準的字元。
bold
定義粗體字元。
bolder
定義更粗的字元。
lighter
定義更細的字元。
100 200
300 400
500 600
700 800
900定義由粗到細的字元。400 等同於 normal，而 700 等同於 bold。
inherit
規定應該從父元素繼承字型的粗細。
屬性值描述
xx-small
x-small
small
medium
large
x-large
xx-large
font-size有7個絕對大小值，從 xx-small 到 xx-large。
預設值：medium。
smaller
larger
不同於加粗的相對值，相對大小不必限制在絕對大小範圍內。
因此乙個字型的大小可以超過屬性值描述xx-small和xx-large的大小。
length
把 font-size 設定為乙個固定的值。
%基於父元素繼承的大小計算乙個百分比值。
有時長度值em等價於百分數值，即確定字型大小時1em等於100%
inherit
規定應該從父元素繼承字型尺寸。
w3c 推薦使用 em 尺寸單位。避免在 internet explorer 中無法調整文字的問題。瀏覽器中預設的文字大小是 16 畫素。1em 等於當前的字型尺寸，那麼對於瀏覽器來說，1em 就等於 16 畫素。在設定字型大小時，em 的值會相對于父元素的字型大小改變。
可以使用下面這個公式將畫素轉換為 em：pixels/16=em
假設父元素的 font-size 為 20px，那麼公式需改為：pixels/20=em
h2
/* 40px/16=2.5em */
bodyh2p
屬性值描述
normal
預設值。瀏覽器顯示乙個標準的字型樣式。
italic
瀏覽器會顯示乙個斜體的字型樣式。
oblique
瀏覽器會顯示乙個傾斜的字型樣式。
inherit
規定應該從父元素繼承字型樣式。
斜體（italic）是一種簡單的字型風格，對每個字母的結構有一些小改動，來反映變化的外觀。與此不同，傾斜（oblique）文字則是正常豎直文字的乙個傾斜版本。
font-variant 屬性設定小型大寫字母的字型顯示文字，這意味著所有的小寫字母均會被轉換為大寫，但是所有使用小型大寫字型的字母與其餘文字相比，其字型尺寸更小。
屬性值描述
normal
預設值。瀏覽器會顯示乙個標準的字型。
small-caps
瀏覽器會顯示小型大寫字母的字型。
inherit
規定應該從父元素繼承 font-variant 屬性的值。
p
描述normal
預設值。把縮放比例設定為標準。
wider
把伸展比例設定為更進一步的伸展值；測試時不支援
narrower
把收縮比例設定為更進一步的收縮值；測試時不支援
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
設定 font-family 的縮放比例。
「ultra-condensed」 是最寬的值
「ultra-expanded」 是最窄的值。
inherit
規定應該從父元素繼承font-stretch 屬性的值。
屬性值描述
none
預設。如果此字型不可用，則不保持此字型的 x-height。
number
定義字型的方面值比率。x-height與字元大小的比
可使用的公式：
宣告的font-size * （font-size-adjust 值 / 可用字型的方面值）= 調整後的font-size
舉例：font-size設定為10px ，verdana字型x-height與字元大小的比值是0.58，而對於times則是0.46，在使用times代替verdana字型的情況下，那麼替代字型的尺寸將是 10 * (0.58/0.46) = 12.6px。
屬性值描述
font-style
規定字型樣式。
font-variant
規定字型異體。
font-weight
規定字型粗細。
font-size/line-height
規定字型尺寸和行高。
font-family
規定字型系列。
caption
定義被標題控制項（比如按鈕、下拉列表等）使用的字型。
icon
定義被圖示標記使用的字型。
menu
定義被下拉列表使用的字型。
message-box
定義被對話方塊使用的字型。
small-caption
caption 字型的小型版本。
status-bar
定義被視窗狀態列使用的字型。
p
該屬性會影響行框的布局。在應用到乙個塊級元素時，它定義了該元素中基線之間的最小距離而不是最大距離。可以作為對font-size值的乙個補充，並用斜線(/)與之分隔。
body
p
CSS基礎之字型樣式設定
css字型樣式設定 1.字型樣式設定 字型樣式大致有如下幾種特徵 字型型別 風格 字型粗細 字型大小 字型系列 1 字型型別 風格 font style 用於設定字型風格，可設定以下值 normal 普通字型 italic 斜體 oblique 傾斜字型 2 字型粗細 font weight 用於設...
css基礎屬性之字型屬性
語法 value值可以用數值 絕對大小關鍵字進行表示 1 當value值為數值時，必須要在數值後新增單位 pt px em 其中pt px 3 4 1em 16px 預設狀態 p divh2 注意 當父元素中設定了字型的大小時，子元素中如果使用em作為單位的話，那麼1em 父元素字型的大小。2 va...
web前端基礎之css
w3c 值描述 none 此元素不會被顯示。block 此元素將顯示為塊級元素，此元素前後會帶有換行符。inline 預設。此元素會被顯示為內聯元素，元素前後沒有換行符。inline block 行內塊元素。區別 w3c overflow 屬性規定當內容溢位元素框時發生的事情 visible 預設值...