首頁  >  文章  >  web前端  >  關於CSS的常見縮寫方法實例講解

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

怪我咯
怪我咯原創
2017-05-07 11:41:471548瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn