是指將多個icon圖拼接成一幅大圖，該方法是將小圖示和背景影象合併到一張上，然後利用css的背景定位來顯示需要顯示的部分。作用是減少載入網頁時對伺服器的請求次數,提高頁面的載入速度。
img一般使用在需要更換內容的，即和內容是相關的；css背景一般是針對固定不變的內容，如圖示等背景圖。
title是滑鼠移動到目標時所顯示的提示文字；
alt是元素未載入時顯示的提示文字，使用alt屬性是為了給那些不能看到你文件中影象的瀏覽者提供文字說明的。
使用abc.png作為背景，位置座標固定於（0，0）處，不重複顯示。
背景圖的尺寸大小
設定div：margin：0 auto;
opacity:取值範圍（0，1）
opacity可以用在任何元素上，並且不會控制元素的顏色;
rgba是只能用於可以使用color屬性的元素，並且必須要設定四個值，會影響元素顏色。
opacity會影響所有後代元素，rgba只作用於當前元素。
高階css 常見布局技巧
1.margin負值的應用 1 讓每個盒子margin往左側移動 1px 正好壓住相鄰盒子邊框 2 滑鼠經過某個盒子的時候，提高當前盒子的層級即可 如果沒有有定位，則加相對定位 保留位置 如果有定位，則加z index 2.文字圍繞浮動元素 我是乙個保安,上班為了下班.我是乙個保安,上班為了下班.3...
css常見問題及技巧
1.父級元素如已經設定成了塊級元素 display block 子元素如 設定了float,這時父元素a依然無高度沒有被撐開 解決 在元素的樣式中新增overflow hidden 2.查詢功能 media screen and min width 1280px 這樣書寫瀏覽器可能不會解析成功,an...
CSS技巧及常見問題列表
如 div 可以寫為 p再如 div可以改寫為 注意上 右 下 左的書寫順序 div 注意，數值與單位不能有空格，每個值之間用空格隔開 詳細請參考 css2參考手冊 常用css縮寫總結 2 可以同時為乙個html元素的class屬性設定多個規則 多重class定義 通常我們寫法為 實際上我們可以為p...