一茅姜、背景圖片和背景圖的區(qū)別
背景色做代碼一般用英文單詞就可以闪朱，但是做網(wǎng)站建議用十六進(jìn)制background-color:#ffffff;或者background-color:rgba(255,255,255,1).padding有背景顏色，但是margin沒有钻洒。
行內(nèi)元素設(shè)置padding時(shí)奋姿，左右是有的，上下是沒有padding值的航唆，但是有背景色胀蛮，所以行業(yè)元素一般只設(shè)置左右padding
背景圖片是background不變的內(nèi)容，比如icon,背景圖是img糯钙，可變的粪狼，或者需要點(diǎn)擊的退腥，比如各大購物網(wǎng)站，買家的頭像再榄，用的是img
background-size:100%(50%)可以用來設(shè)置背景圖片縮放與否,background-size:30px 30px（圖片的寬度和高度）
background-size:cover（圖片可以整個(gè)容器覆蓋到）
background-size:contain(不管容器設(shè)置多大狡刘，圖片多大，可以把圖片包括進(jìn)去困鸥，不會(huì)隨著容器變大而變大)
background:圖片鏈接 0 0（指圖片的偏移） no-repeat(不重復(fù))
二者表述方式不一樣background:url();<img src=""/>
css sprite（雪碧圖）嗅蔬，圖片合并在線工具可以合成圖片。把很小的圖片合成一張大圖疾就。主要是一個(gè)小圖片就發(fā)一個(gè)網(wǎng)絡(luò)請(qǐng)求澜术，圖片過多，浪費(fèi)網(wǎng)絡(luò)資源猬腰，網(wǎng)頁卡鸟废，通過合并一張圖片，再通過background-position進(jìn)行設(shè)置姑荷，減少網(wǎng)絡(luò)請(qǐng)求盒延，使得頁面加載更快
或者把圖片轉(zhuǎn)base 64,直接把圖片變成數(shù)據(jù)，直接放在css中background:url(里面)沒有網(wǎng)絡(luò)請(qǐng)求鼠冕，只不過CSS會(huì)變大添寺，只適用于非常非常小的圖標(biāo)
opacity:透明度，值從0-1懈费，
二计露、對(duì)齊方式
行內(nèi)元素和圖片：水平居中，用text-align:cenbter楞捂。垂直居中l(wèi)ine-height=height值即可薄坏，或者設(shè)置元素為display:table-cell,再用vertical-align:middle
塊級(jí)元素：水平居中margin:0 auto?
三、display
用于設(shè)置元素的顯示類型寨闹，常用的值有: none, inline, inline-block, block, table-cell;
none: 隱藏該元素，不占用文檔流
inline: 以行內(nèi)元素的形式展示
inline-block: 行內(nèi)塊元素
block: 塊級(jí)別元素
table-cell: 以表格方式展示君账，常用于垂直居中
課堂筆記
一繁堡、背景圖片和圖片
背景圖片：backgro
