首頁 > web前端 > html教學 > css 二

css 二

WBOY
發布: 2016-08-08 08:49:53
原創
1112 人瀏覽過

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,先針對高版本瀏覽器做最完整的功能,再針對低版本的瀏覽器進行修補,此策略一般用於移動端(行動端瀏覽器普遍比較新)

    漸進增強和優雅降級只是策略不同,最終的結果可能是一樣的

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板