css中background屬性連寫/簡寫/縮寫的規則順序


css中background屬性連寫/簡寫/縮寫的規則順序:沒有固定的規則順序,只要包含background屬性的值即可,舉例如下:

background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center;

#ff0000給背景指定了一個顏色值。

url(/i/eg_bg_03.gif)給背景指定了一個背景圖片的地址。

no-repeat設置了背景圖片不要重復。

fixed設置了背景圖片不會隨頁面滾動而移動。

center設置了背景圖片在水平和垂直的居中位置。

如果不是連寫/簡寫/縮寫時,上例中的詳細寫法是這樣的:

background-color: #ff0000;

background-image: url(/i/eg_bg_03.gif);

background-repeat: no-repeat;

background-attachment: fixed;

background-position: center;

很明顯,background屬性在連寫/簡寫/縮寫時,代碼更少,更清晰明了。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/8088.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: