-
將多張小圖拼成一張大圖：用CssGaga
（http://www.99css.com/archives/1524）
查看全部 -
<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可防止元素溢出;
查看全部 -
雪碧查看全部
-
雪碧圖創(chuàng)建方法：
【1】PS切圖創(chuàng)建；
【2】CssGaga? ?https://www.99css.com/1524/
查看全部 -
雪碧圖原理：
【1】控制一個(gè)層，可顯示的區(qū)域范圍大??；
【2】通過一個(gè)窗口，進(jìn)行背景圖的滑動。
查看全部 -
先設(shè)置li i 的background-image。
然后設(shè)置具體i的background-position。
查看全部 -
line-height和height一致可以使字垂直居中查看全部
-
list-style設(shè)為none去掉列表前面的點(diǎn)查看全部
-
CssGaga快速生成雪碧圖工具查看全部
-
雪碧圖以圖片左上角為原點(diǎn)，x,y都是負(fù)值查看全部
-
用到雪碧圖的場景查看全部
-
雪碧圖下載網(wǎng)站
www.99css.com/archives/1524
查看全部 -
有效的減少http請求數(shù)量，加速內(nèi)容顯示。因?yàn)槊空埱笠淮?，就會和服?wù)器鏈接一次，建立鏈接是需要額外時(shí)間的。
查看全部 -
靜態(tài)圖片，不隨用戶信息的變化而變化
小圖片，圖片容量比較小
加載量比較大
查看全部 -
雪碧圖的意義：
減少HTTP請求數(shù)量，加速內(nèi)容顯示
雪碧圖的制作：
1，PS手動生成；2，sprite工具自動生成（css gaga）
查看全部
舉報(bào)