background屬性
1、background簡寫
// background: url(img/1.jpg) no-repeat left top;
2、多背景
每組屬性間逗號隔開；
為避免背景將圖像蓋住，背景色通常定義在最后一組上；
{
background: url(img/1.jpg) no-repeat left top,
url(img/2.jpg) no-repeat right bottom pink;
}
3、background-size 設置背景圖片大小
cover: 會自動調整縮放比例，保證圖片始終填充滿背景區域，如有溢出部分則會被隱藏；
contain:會自動調整縮放比例，保證圖片始終完整顯示在背景區域,則背景區可能出現空白；
4、background-origin
border-box：背景圖片的擺放以border區域為參考;
padding-box：背景圖片的擺放以padding區域為參考;
content-box：背景圖片的擺放以content區域為參考;
5、background-clip
將背景和背景色粗暴的裁剪,通常和background-origin一起使用;
border-box: 背景延伸至邊框外沿,但是被邊框壓着;
padding-box: 背景延伸至內邊距外沿;
content-box：背景被裁剪至內容區（content box）外沿。
陰影
1、文字陰影
text-shadow：水平位置 垂直位置 模糊距離 陰影顏色；
2、盒子陰影
box-shadow：水平位置 垂直位置 模糊距離 陰影尺寸 陰影顏色 內外陰影；
內外陰影：默認為外陰影，想改為內陰影，則添加inset；
{
box-shadow:2px 2px 3px 4px rgba( 0, 0, 0, 0.4),
5px 5px 4px rgba( 0, 0, 0,0.4) inset;
}
注：其中水平位置和垂直位置均為必選；多層陰影疊加依然用逗號隔開。