-
雪碧圖格式查看全部
-
雪碧圖生成工具：CssGaga查看全部
-
雪碧圖應用場景：<br> 1、靜態(tài)圖片，不隨用戶信息變化而變化；<br> 2、小圖片，圖片容量較小； 3、加載量較大（要加載很多的小圖片） 大圖不建議拼成雪碧圖查看全部
-
雪碧圖查看全部
-
圖片請求查看全部
-
雪碧圖查看全部
-
li i { display: inline; float: left; margin: 3px 10px 0 0; height: 24px; width: 30px } li i{background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg)} .cat-2 i{background-position:0 -24px;} .cat-3 i{background-position:0 -48px;} .cat-4 i{background-position:0 -72px;} .cat-5 i{background-position:0 -96px;} .cat-6 i{background-position:0 -120px;} .cat-7 i{background-position:0 -144px;} .cat-8 i{background-position:0 -168px;}查看全部
-
1.<i>常用來放小圖片; 2.無序列表去掉前面的小黑點，使用ul{list-style:none;} 3.圖片設置background-position在css樣式里設置； 4.不依賴于瀏覽器自身所設定的margin、padding，通過對<li>的行高已經margin、padding的設置來展示樣式以便在各個瀏覽器下效果相同：先將display屬性設置為block，否則設置行高什么的沒用，overflow：hidden可防止元素溢出;查看全部
-
CSS Sprite雪碧圖實現方式 1.PS手動拼圖：制作多個小圖片，拼成一個大圖片，用鼠標挪動圖片的位置（position）。適用自己的小網站 2.使用spite工具自動生成雪碧圖 CSS Sprite自動生成工具-“cssGaga” 生成小圖片的坐標，以及對應的css程序,提供background-position的值 下載地址：http://www.99css.com/archives/1524查看全部
-
CSS Sprites其實就是把網頁中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的組合進行背景定位，background-position可以用數字精確的定位出背景圖片的位置 雪碧圖實現原理：通過css的背景定位屬性：background-position來控制 坐標軸,拼合背景圖的小圖(x,y)為負值 以雪碧圖左上角的定點為(0,0)坐標 當需要對坐標系中的某個小圖標進行展示的時候，只需要取左上角的坐標進行偏移，例如(-100,0)，只需要將background-position:-100,0; 實現原理：控制一個層，可顯示的區(qū)域范圍大小，通過一個窗口，進行背景圖的滑動。查看全部
-
css scrpite 雪碧圖 靜態(tài)圖片，不隨用戶信息變化而變化。 小圖片，容量比較小 加載量比較大。（目的是：有效的減少http請求的數量） 大圖不建議拼成雪碧圖，加載時間長查看全部
-
CSS Sprites其實就是把網頁中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的組合進行背景定位，background-position可以用數字精確的定位出背景圖片的位置查看全部
-
cssscrpite雪碧圖 靜態(tài)圖片，不隨用戶信息變化而變化。 小圖片，容量比較小 加載量比較大。（目的是：有效的減少http請求的數量） 大圖不建議拼成雪碧圖，加載時間長查看全部
-
www.99css.com/archives/1524 CSSGAGA 快速生成Sprite查看全部
-
sprite生成工具：cssgaga查看全部
舉報
0/150
提交
取消