1. CSS Sprite(雪碧圖|精靈圖)指什么? 有什么作用?
CSS Sprite是一種網(wǎng)頁圖片的處理技術(shù)，利用background-position屬性將多張圖片整合到一張圖片中，以減少訪問圖片的次數(shù)和圖片文件的大小弧腥，最終達到網(wǎng)站性能優(yōu)化的目的匠襟。
2. img標簽和CSS背景使用圖片在使用場景上有何區(qū)別?
css選擇器 {background-image：url();}
image作為語義化標簽术荤，圖像是有實際的表示意義赌朋，常常用于形象化的聲明語義墨状；background-image作為Css屬性之一图筹，圖像只是起到背景裝飾作用帅刀，不具備實際語義。
3. title 和 alt屬性分別有什么作用?
title屬性作為一種全局變量远剩，可以作用于所有元素中扣溺，常用于顯示元素的提示性信息。
alt屬性作為一種局部變量瓜晤，作用于input（對于圖像按鈕）和img元素锥余，常用于顯示圖片無法顯示或禁止顯示時的替代文本。
4. background: url(abc.png) 0 0 no-repeat;這句話是什么意思?
設(shè)置一張圖像地址位于abc.png
從左上角開始
且不產(chǎn)生平鋪效果
5. background-size有什么作用? 兼容性如何? 常用的值是?
background-size是css3的新背景屬性活鹰，規(guī)定背景圖片的尺寸
{background-size: 70px 100px;}設(shè)置背景的寬高哈恰，第一個值為寬度，第二個為高度志群，若只設(shè)置一個值着绷，第二值默認為auto
{background-size: 70% 100%;}以父元素的百分比設(shè)置背景的寬高
cover ：覆蓋，背景要覆蓋元素的所有區(qū)域锌云，不能有空白出現(xiàn)
contain ：包含荠医，整個背景圖都要被包含在元素內(nèi)，沒有超出的部分桑涎。
6. 如何讓一個div水平居中彬向？如何讓圖片水平居中？
div的水平居中可以使用margin或是position屬性來設(shè)置攻冷；
圖片通過img標簽嵌套入div娃胆，再使用text-align：center屬性來設(shè)置
7. 如何設(shè)置元素透明? 兼容性？
- opacity: 0.5; 這是最重要的等曼，因為它是CSS標準
- filter:calpha(opacity=50); 這個是為IE6設(shè)的里烦，可取值在0-100，其它三個0到1;
- -moz-opacity:0.5; 這個是為了支持一些老版本的Mozilla瀏覽器;
- -khtml-opacity: 0.5; 這個為了支持一些老版本的Safari瀏覽器;
8. opacity和 rgba都能設(shè)置透明禁谦，有什么區(qū)別?
opacity是Css屬性的范疇胁黑，作用于元素（包括這個元素和元素內(nèi)部的元素）；
rgba是屬性值的范疇州泊，作用于當前元素（僅僅是當前元素丧蘸，不影響元素的內(nèi)部元素）
opsvity-revise：
那么如果使用opacity同樣實現(xiàn)rgba的效果，該怎么辦呢遥皂？一個常用的方法是將banner和span分離成兄弟元素 力喷，banner使用z-index置于span下面
就是說span的z-index值大于banner的z-index值刽漂；
