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