首頁 > web前端 > css教學 > 主體

關於CSS的常見縮寫方法實例講解

怪我咯
發布: 2017-05-07 11:41:47
原創
1532 人瀏覽過

1. background 簡寫屬性在一個宣告中設定所有的背景屬性:

background-color
background-image
background-repeat
background-attachment
background-position
登入後複製

  例如:

background: #444444 urlimage.png) no-repeat fixed top;
登入後複製

   2 . border 簡寫屬性在一個宣告設定所有的邊框屬性:

border-width
border-style
border-color
登入後複製

  例如:

border:1px solid red;
登入後複製

   3. font 簡寫屬性在一個宣告中設定所有字型屬性:

font-style
font-variant
font-weight
font-size/line-height
font-family
登入後複製

   例如:

font:italic bold 12px/20px arial,sans-serif;
登入後複製

  4. list-style 簡寫屬性在一個宣告中設定所有的清單屬性:

list-style-type
list-style-position
list-style-image
登入後複製

   例如:

list-style:square inside url('/images/images.gif');
登入後複製

以上是關於CSS的常見縮寫方法實例講解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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