1.CSS Sprite(雪碧圖|精靈圖)指什么? 有什么作用
CSS Sprite圖是把多個icon圖標(biāo)圖片或頁面會重復(fù)用到的小圖片合并放在一張圖里面，通過background-position這個屬性調(diào)整背景圖片的位置來顯示合并大圖中的某個局部圖像區(qū)域澎灸。
作用是減少網(wǎng)絡(luò)請求姓赤，讓頁面加載更快，圖片只需請求一次以躯，以后使用都調(diào)用緩存內(nèi)的圖片蟆盐。與此類似減少請求另一種方法是把圖片（只適用于很小的圖標(biāo)例如icon）轉(zhuǎn)換成base64的編碼移必，url直接引用這個編碼就能看見圖片室谚。base64適用在圖標(biāo)加載響應(yīng)要求較高的場景下使用。
雪碧圖的使用：背景圖與元素的原點(diǎn)重合崔泵。好比把床單的左上角與桌子的左上角對齊秒赤，多余的部分不要。（0憎瘸，0）坐標(biāo)原點(diǎn)位置入篮，即外層塊元素的左上角，background-position位置設(shè)定是指圖片與坐標(biāo)原點(diǎn)的偏移量幌甘。白色框是元素潮售，綠色框是背景圖片。X坐標(biāo)值為正則圖片左上角向右平移锅风，為負(fù)則圖片左上角向左平移酥诽，Y坐標(biāo)值為正則圖片左上角向下平移，為負(fù)則圖片左上角向上平移皱埠。
背景小技巧：在開發(fā)過程中用圖片做背景的同時肮帐，往往還要用圖片的主色調(diào)來作用元素的背景色，目的是背景圖片丟失的時候防止視覺效果變化太大。
2.img標(biāo)簽和CSS背景使用圖片在使用場景上有何區(qū)別
頁面上固定不變的東西如圖標(biāo)icon训枢、logo等用背景圖片
對于經(jīng)常會改變的內(nèi)容（圖片是和內(nèi)容相關(guān)的）托修，用戶圖片，比如VIP會員頭像等恒界。
圖片轉(zhuǎn)載自饑人谷學(xué)員
3.title和 alt屬性分別有什么作用
title是補(bǔ)充的額外信息即鼠標(biāo)懸停標(biāo)簽上的額外說明信息睦刃。alt則是替代信息而不是提供額外說明，alt可以用來替換說明加載失敗時的img或a鏈接十酣。
4.background: url(abc.png) 0 0 no-repeat;這句話是什么意思
background-image:url(http://xxx.jpg) 這里是url引用眯勾，而不是src引入要引號
background-position:0px 0px; 圖片偏移位置水平垂直均為0
background-repeat:repeat-x/repeat-y/no-repeat(水平重復(fù)/垂直重復(fù)/不重復(fù))
5.background-size有什么作用? 兼容性如何? 常用的值是?
background-size指定背景圖片實際顯示區(qū)域大小。
屬性值：像素值/百分比/cover/contain
cover圖片會覆蓋整個背景區(qū)域,不會留下邊白,即小于背景區(qū)域的圖片會放大充滿整個背景區(qū)域婆誓。contain圖片自適應(yīng)最好的顯示效果并被包裹在背景區(qū)域里，有可能會留下空白也颤。
6.如何讓一個div水平居中洋幻？如何讓圖片水平居中
塊級元素水平居中：margin：0 auto; 不考慮上下margin值時而直接使用:
margin-left:auto;
margin-right:auto;
圖片水平居中：對img標(biāo)簽先包裹一個塊級父容器，再對塊級父容器使用text-align:center實現(xiàn)居中翅娶。text-align:center;設(shè)置元素內(nèi)的文本水平居中對齊文留。只對塊級元素里面的行內(nèi)元素生效（a,img,input,span）,注意這里居中是參照該行內(nèi)元素的父容器元素生效。text-align有5個值：left/right/center/justify/inherit竭沫，左對齊/右對齊/居中對齊/兩端對齊/繼承父元素align值燥翅。justify兩端對齊的時候，每行中的字間距可能不一致蜕提。
7.如何設(shè)置元素透明? 兼容性森书？
使用opacity屬性來設(shè)置元素的透明度，值從 0.0 （完全透明）到 1.0（完全不透明）谎势。兼容性
8.opacity和 rgba都能設(shè)置透明凛膏，有什么區(qū)別?
opacity:0.5;（0～1）使元素內(nèi)所有內(nèi)容透明度為0就像消失，但是所占據(jù)的空間還在脏榆，不會改變頁面布局,opacity屬性可繼承猖毫。
background-color: rgba(0,0,0,0.5); 這種加alpha通道值設(shè)透明度只能對元素的顏色或者背景色設(shè)置透明度，rgba設(shè)置的透明屬性無法繼承须喂。
