background :
background-color,background-image,background-repeat,background-attachment,background-position,background-clip,background-origin;
background-attachment : scroll / fixed;
scroll是默認(rèn)值，背景圖片隨著滾動條的滾動而滾動缕题；
fixed是背景圖片固定截歉，不會隨著滾動條的滾動而變化（可以模擬QQ頁面效果的實現(xiàn)：https://im.qq.com/）
background-position:百分比/left/top/bottom/right/數(shù)值
默認(rèn)是(0,0) 相對于左上角的位置
background-size:auto/百分比或固定數(shù)值/cover/contain
auto:保持原有背景圖片的寬度和高度
百分比：只能應(yīng)用在塊級元素上，所設(shè)背景圖片的大小依據(jù)塊元素的對應(yīng)百分比計算烟零，如果只設(shè)定一個值瘪松，第二個值為auto(與第一個值相同)
cover:鋪滿的最小效果（有一邊鋪滿即止），但是會引起圖片的失真
contain:鋪滿的最大方案（兩邊都鋪滿才可以）锨阿，同樣會引起圖片的失真
background-clip:border-box/padding-box/content-box
對應(yīng)的是背景將分別裁剪超過border/padding/content部分的內(nèi)容
背景圖片示意圖
其中宵睦，如果是背景色，將從border邊緣的左上角和右下角部分開始渲染
而墅诡，如果是背景圖片壳嚎，將從padding的左上角和border的右下角部分開始渲染
因此，設(shè)置該屬性后末早，超出的不同位置會被裁減掉烟馅。
PS:圖片填充文本的效果實現(xiàn)
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
背景圖片填充文本
background-origin:padding-box/border-box/content-box
具體方式基本同background-clip，主要是設(shè)置背景圖片的起始位置
多背景：
可以用逗號分隔設(shè)置多個背景然磷，注意多個背景的重疊關(guān)系是越后面定義的背景圖層級越低
多背景
這里主要使用了五張背景圖郑趁，上下左右四個角是四張，整體是一張重復(fù)的背景姿搜，可以用于設(shè)定響應(yīng)式的背景寡润，將寬高由內(nèi)容撐開。
.multipleBg{
background :
url("../images/bg-tl.png") no-repeat left top,
url("../images/bg-tr.png") no-repeat right top,
url("../images/bg-bl.png") no-repeat left bottom,
url("../images/bg-br.png") no-repeat right bottom,
url("../images/bg-repeat.png") repeat left top;
/*改變背景圖片的position起始點舅柜，四朵花都是border邊緣處起梭纹，而平鋪背景是在paddin內(nèi)邊緣起*/
-webkit-background-origin: border-box, border-box,border-box,border-box,padding-box;
-moz-background-origin: border-box, border-box,border-box,border-box,padding-box;
-o-background-origin: border-box, border-box,border-box,border-box,padding-box;
background-origin: border-box, border-box,border-box,border-box,padding-box;
/*控制背景圖片的顯示區(qū)域，所有背景圖片超邊border外邊緣都將被剪切掉*/
-moz-background-clip: border-box;
-webkit-background-clip: border-box;
-o-background-clip: border-box;
background-clip: border-box;
}
整理通過：https://www.w3cplus.com/resources/css3-tutorial-and-case
