css 二,css

來源:互聯網
上載者:User

css 二,css

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

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.