CSS Sprite(雪碧圖|精靈圖)指什么? 有什么作用
雪碧圖是指把所有icon做到同一張圖上的大圖。
因?yàn)橐粋€(gè)網(wǎng)頁可能會(huì)有很多圖片，一個(gè)一個(gè)請(qǐng)求的話會(huì)影響到訪問速度，如果做成雪碧圖，按照位置查找每個(gè)圖片的話，那么在緩存中查找會(huì)比請(qǐng)求的速度快。
img標(biāo)簽和CSS背景使用圖片在使用場(chǎng)景上有何區(qū)別
img標(biāo)簽一般用于會(huì)改變的場(chǎng)景，比如用戶的頭像，或者網(wǎng)站的廣告欄等。
css背景圖一般用于不經(jīng)常改變的場(chǎng)景，比如某個(gè)按鈕的圖標(biāo)等。
title 和 alt屬性分別有什么作用
title用于顯示額外提示文字，鼠標(biāo)放在元素上面時(shí)會(huì)顯示。
alt用于在無法加載圖片時(shí)，替代圖片顯示。
background: url(abc.png) 0 0 no-repeat;這句話是什么意思
插入背景圖片abc.png，位置無偏移，不重復(fù)。
background-size有什么作用? 兼容性如何? 常用的值是?
設(shè)置背景圖片的大小尺寸。
常用值為：
cover 將圖像完全覆蓋區(qū)域
contain 圖片完全適應(yīng)區(qū)域
auto 自動(dòng)調(diào)整
如何讓一個(gè)div水平居中？如何讓圖片水平居中
margin:0 auto;
設(shè)置他的左右外邊距為auto，即可令div水平居中。
讓圖片水平居中，可以令父級(jí)元素text-align：center；
如何設(shè)置元素透明? 兼容性？
opacity：0-1；filter：alpha（opacity=40） （適用于ie687）
這里發(fā)現(xiàn)opacity屬性，其實(shí)IE6和8也是部分支持的，但是filter這個(gè)屬性IE全系列反而不支持，和課件上寫的filter:alpha(opacity=40)有沖突？
opacity 和 rgba都能設(shè)置透明，有什么區(qū)別
opacity只能設(shè)置透明
rgba 可以設(shè)置顏色和透明度
opacity設(shè)置的透明是對(duì)整個(gè)div生效的
rgba的透明只對(duì)自己設(shè)置的顏色生效
