1.font合寫 font: font-style font-variant font-weight font-size/line-height font-family font: 風格 變形 加粗 字型大小/行高 字體系列 風格 變形 加粗 可以按照任意順序書寫 如果是normal可以不寫 變形 fo ...
1.font合寫
font: font-style font-variant font-weight font-size/line-height font-family
font: 風格 變形 加粗 字型大小/行高 字體系列
風格 變形 加粗 可以按照任意順序書寫 如果是normal可以不寫
變形 font-variant 三個值 small-caps normal inherit
small-caps是一種小型大寫字母 
風格 font-style 四個值 italic oblique normal inherit
italic是在字體系列中專門設計的傾斜文字 而oblique是把文字的圖形弄斜了
加粗 font-weight 這個大家都很熟悉 400是normal 700是bold
行高也可以不寫
但是字型大小和字體系列必須寫而且順序必須按照要求
最簡形式
font: 字型大小 字體系列;
最常見形式
font: 加粗 字型大小/行高 字體系列;
2.背景合寫
背景合寫可以是任意順序 任意屬性（唯一的限制是bg-position如果有兩個值必須放一起 數值的話先x後y）
background: bg-color bg-image bg-repeat bg-position bg-attachment
background:背景色 背景圖地址 重覆方向 背景定位 背景關聯
重覆方向
repeat repeat-x repeat-y no-repeat inherit
背景定位
背景關聯
scroll fixed inherit 一般都是scroll 比較常見的fixed是body背景跟隨
最常見形式
background: url(bgimage.gif) x y no-repeat;
background: 引用路徑 位置 是否重覆
3. 構建策略
漸進增強和優雅降級
兩種網站構建策略
漸進增強progressive enhancement，先針對低版本瀏覽器做基本功能，再針對高版本瀏覽器去美化和增強，此策略一般用於PC端（PC端仍然有很多老版本瀏覽器）
優雅降級graceful degradation，先針對高版本瀏覽器做最完整的功能，再針對低版本的瀏覽器進行修補，此策略一般用於移動端（移動端瀏覽器普遍比較新）
漸進增強和優雅降級只是策略不同，最終的結果可能是一樣的
