-
將多張小圖拼成一張大圖:用CssGaga
(http://www.99css.com/archives/1524)
查看全部 -
<i>常用來放小圖片; 2.無序列表去掉前面的小黑點,使用ul{list-style:none;} 3.圖片設置background-position在css樣式里設置; 4.不依賴于瀏覽器自身所設定的margin、padding,通過對<li>的行高已經margin、padding的設置來展示樣式以便在各個瀏覽器下效果相同:先將display屬性設置為block,否則設置行高什么的沒用,overflow:hidden可防止元素溢出;
查看全部 -
雪碧查看全部
-
雪碧圖創建方法:
【1】PS切圖創建;
【2】CssGaga? ?https://www.99css.com/1524/
查看全部 -
雪碧圖原理:
【1】控制一個層,可顯示的區域范圍大小;
【2】通過一個窗口,進行背景圖的滑動。
查看全部 -
先設置li i 的background-image。
然后設置具體i的background-position。
查看全部 -
line-height和height一致可以使字垂直居中查看全部
-
list-style設為none去掉列表前面的點查看全部
-
CssGaga快速生成雪碧圖工具查看全部
-
雪碧圖以圖片左上角為原點,x,y都是負值查看全部
-
用到雪碧圖的場景查看全部
-
雪碧圖下載網站
www.99css.com/archives/1524
查看全部 -
有效的減少http請求數量,加速內容顯示。因為每請求一次,就會和服務器鏈接一次,建立鏈接是需要額外時間的。
查看全部 -
靜態圖片,不隨用戶信息的變化而變化
小圖片,圖片容量比較小
加載量比較大
查看全部 -
雪碧圖的意義:
減少HTTP請求數量,加速內容顯示
雪碧圖的制作:
1,PS手動生成;2,sprite工具自動生成(css gaga)
查看全部
舉報