-
原理：通過css的背景定位屬性：background-position來控制 坐標軸,拼合背景圖的小圖(x,y)為負值 以雪碧圖左上角的定點為(0,0)坐標 當需要對坐標系中的某個小圖標進行展示的時候，只需要取左上角的坐標進行偏移，例如(-100,0)，只需要將background-position:-100,0; 實現原理：控制一個層，可顯示的區域范圍大小，通過一個窗口，進行背景圖的滑動。查看全部
-
CSS Sprite雪碧圖的使用條件：1.靜態圖片，不隨用戶信息的變化而變化。 2.小圖片，圖片容量比較小 3.加載量比較大（目的是：有效的減少http請求的數量） 大圖不建議拼成雪碧圖，加載時間長查看全部
-
注意position的值為負數，因為雪碧圖使用的坐標系是第四象限查看全部
-
cssgaga windows 環境下快速生成 sprite 圖查看全部
-
雪碧圖要按一定順序排列，x和y軸的排列方向和距離查看全部
-
雪碧圖最重要的部分 background-position:x軸 y軸，要使用定義i標簽，并在之前引用雪碧圖查看全部
-
i標簽表示放置一個icon查看全部
-
cssgaga查看全部
-
<style> h3{margin:0; padding:0;} ul{list-style:none;} li h3{font-size:14px;font-weight:400;} li{ display:block; height:31px; line-height:31px; overflow:hidden; border-bottom:1px solid #dedede; } .cat{ width:150px; background:#f8f8f8; border:1px solid #bbb; } </style>查看全部
-
<meta http-equiv="Content-Type"content="text-html charset=utf-8"/>查看全部
-
注意 h標簽具有margin和padding查看全部
-
雪碧圖：靜態圖，不隨用戶信息變化，加載數量多，3-5k的小圖查看全部
-
css雪碧（css精靈）的簡單實用方法：查看全部
-
雪碧圖使用i標簽標識icon查看全部
-
拼合背景圖的小圖為負值查看全部
舉報
0/150
提交
取消