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,先針對高版本瀏覽器做最完整的功能,再針對低版本的瀏覽器進行修補,此策略一般用於移動端(行動端瀏覽器普遍比較新)
漸進增強和優雅降級只是策略不同,最終的結果可能是一樣的