-
1.簡單的雪碧圖可以用ps來做。 2.復雜的雪碧圖借用生成雪碧圖的工具——cssgaga。查看全部
-
以左上角頂點為原點查看全部
-
雪碧圖的作用查看全部
-
雪碧圖應用場景查看全部
-
雪碧圖使用場景 1.靜態(tài)圖片，不隨用戶信息的變化而變化 2.小圖片，圖片容量比較小 3.加載量比較大 一些大圖一般不拼成雪碧圖 目的：減少http請求數(shù)量加速內(nèi)容顯示，請求建立連接，花費額外時間查看全部
-
CSS雪碧圖使用規(guī)則查看全部
-
Css Gaga查看全部
-
雪碧圖實現(xiàn)原理查看全部
-
css sprite查看全部
-
cssgaga查看全部
-
cssgaga查看全部
-
<html> <head> <style> *{margin:0; padding:0;} .nav{ border:1px solid #ccc; display:inline-block; padding:0 10px; } .nav ul{ } .nav ul li{ border-bottom:1px solid #ccc; list-style-type:none; padding:0 30px; } li.bo{ border:0; } .nav ul li a{ text-decoration:none; font-size:15px; } i{ display:inline-block; width:20px; height:20px; background-color:red; color:white; } i:hover{ background-color:white; color:red; } </style> </head> <body> <div class="nav"> <ul> <li><i>1</i><a>服裝內(nèi)衣</a></li> <li><i>2</i><a>鞋包配飾</a></li> <li><i>3</i><a>運動戶外</a></li> <li><i>4</i><a>珠寶手表</a></li> <li><i>5</i><a>手機數(shù)碼</a></li> <li><i>6</i><a>家電辦公</a></li> <li><i>7</i><a>護膚彩妝</a></li> <li class="bo"><i>8</i><a>母嬰用品</a></li> </ul> </div> </body> </html>查看全部
-
一旦一個元素設置了 float, 那么這個元素的 display 就會被指定為 block，即使你手動再去改變 display 的值，它仍然會保持為 block！查看全部
-
雪碧圖，優(yōu)化網(wǎng)頁查看全部
-
通過CSS background-position來控制 坐標軸,拼合背景圖的小圖(x,y)為負值 以雪碧圖左上角的定點為(0,0)坐標 當需要對坐標系中的某個小圖標進行展示的時候，只需要取左上角的坐標進行偏移，例如(-100,0)，只需要將background-position:-100,0; 控制一個層，可顯示的區(qū)域范圍大小， 通過一個窗口，進行背景圖的滑動查看全部
舉報
0/150
提交
取消