CSS常見樣式

###CSS Sprite(雪碧圖)指什麼? 有什麼作用 CSS雪碧圖 即CSS Sprite，也有人叫它CSS精靈圖，是一種CSS影象合併技術，該方法是將小圖示和背景影象合併到一張圖片上，然後利用css的背景定位來顯示需要顯示的圖片部分。

###img標籤和CSS背景使用圖片在使用場景上有何區別 img作為html標籤，img使用的圖片一般作為內容。 而CSS背景使用圖片一般是用來修飾。 往更詳細的方向上來說在網頁載入的過程中，以css背景圖存在的圖片會等到結構載入完成（網頁的內容全部顯示以後）才開始載入，而html裡的img標籤是網頁結構（內容）的一部分會在載入結構的過程中載入。圖片做為背景，在圖片沒載入的時候或者載入失敗的時候，不會有個圖片的佔位標記，不會出現紅叉。

###title和alt屬性分別有什麼作用 title 屬性規定關於元素的額外資訊。這些資訊通常會在滑鼠移到元素上時顯示一段工具提示文字。alt屬性它規定在影象無法顯示時的替代文字。

###background:url(abc.png) 0 0 no-repeat;這句話是什麼意思 這句話為background的簡寫形式，url代表的是background-image插入背景圖片的地址，0 0代表的是background-position的值，表示背景圖的定位，前後兩個分別是橫向定位和縱向定位。左上角是 0 0，no-repeat代表background-repeat的值。可使用的值有repeat、no-repeat、repeat-x、repeat-y、inherit。分別表示水平垂直重複、不重複、僅水平重複、僅垂直重複、繼承自父輩元素。

###background-size有什麼作用? 相容性如何? 常用的值是? background-size屬性定義了背景圖片的大小。其相容性如下圖：

###如何讓一個div水平居中？如何讓圖片水平居中 div水平居中： 1.外邊距法：通過對div設定外邊距，margin:0 auto； 2.display:inline-block法:父元素設定text-align:center。需要劇中的div設定display:inline-block即可。 3.浮動法：對div及其父元素float:left，相對定位，父元素left50%，div right 50%。 圖片水平居中：將圖片放入塊級元素中，使用上述方法。

###如何設定元素透明? 相容性？ 可以通過rgba和opcity設定語速透明度，針對ie8及更糟版本的瀏覽器需要新增 filter:alpha(opacity=x)。

###opacity和rgba都能設定透明，有什麼區別？ opacity會繼承父元素的 opacity 屬性，而RGBA設定的元素的後代元素不會繼承不透明屬性。