-
使用sprite，將多張小圖片整合成一張大圖片，可以減少http請求數，加速內容顯示查看全部
-
CSS GAGA是sprite自動生成工具，導入圖片，自動生成雪碧圖，并且返回各個圖片的坐標。查看全部
-
雪碧圖一般用于靜態圖片，不隨用戶信息改變而改變；大規模網站，用于優化性能；小圖片顯示，一些大圖片不宜用雪碧圖。 優化網站性能，小雪碧圖組成一個大圖，是為了減少http請求數。查看全部
-
對li: display:block;設置相同的height和line-height，以便讓文字能垂直居中。查看全部
-
雪碧圖生成工具查看全部
-
雪碧圖實現原理查看全部
-
為什么要使用雪碧圖查看全部
-
sprite雪碧圖的應用場景查看全部
-
1.<i>常用來放小圖片; 2.無序列表去掉前面的小黑點，使用ul{list-style:none;} 3.圖片設置background-position在css樣式里設置； 4.不依賴于瀏覽器自身所設定的margin、padding，通過對<li>的行高已經margin、padding的設置來展示樣式以便在各個瀏覽器下效果相同：先將display屬性設置為block，否則設置行高什么的沒用，overflow：hidden可防止元素溢出;查看全部
-
.btn{/*兩個按鈕樣式和導入背景按鈕圖片*/ background: url("http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg"); margin-top: 10px; width: 190px; height: 39px; text-indent: 880px; cursor: pointer; } .register{ background-position: 0 -37px;/*???為什么注冊背景導入失敗了？？原來是沒有寫px像素單位，細節啊。*/ }查看全部
-
http://www.99css.com/cssgaga/查看全部
-
雪碧圖，圖片資源加載一次，減少與服務器的互動。 通過background-position屬性改變圖片位置查看全部
-
cssgaga windows 環境下快速生成 sprite 圖查看全部
-
有幾個非常不錯的前端開發在線工具，分享給一起學習的小伙伴們，別忘了收藏，很實用。 （1）在線代碼測試工具：http://www.lvyestudy.com/tools/run_code.aspx； （2）在線調色板：http://www.lvyestudy.com/tools/color_picker.aspx； （3）CSS3圓角生成器：http://www.lvyestudy.com/tools/border_radius.aspx查看全部
-
CSS Sprites其實就是把網頁中一些背景圖片整合到一張圖片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的組合進行背景定位，background-position可以用數字精確的定位出背景圖片的位置。查看全部
舉報
0/150
提交
取消