zhangpengbo.com

CONTENT

PAGE TITLE

菠菜 | 路过了青春，我们还拥有什么 | zhangpengbo.com Reviews

<META>
DESCRIPTION

拼合背景图的小图的坐标 X, Y 为负值，要展示某个小图标时需要取到它的左上角的坐标。 Background-image:url(./img/sprite.png);. Background-position:(x, y);. Li i class=”item1″ /i /li. Li i class=”item2″ /i /li. Li i class=”item3″ /i /li. 8212;——–main.css———. Ul, li {list-style: none;}. I {display:inline-block;overflow:hidden;background-repeat:no-repeat;}. I1 {width:24px;height:24px;background-image:url(‘./img/slice/1.png’);}. I2 {width:24px;height:24px;background-image:url(‘./img/slice/2.png’);}. Html lang=”zh-CN”. Meta charset=”utf-8″. 1 1 400px;.

<META>
KEYWORDS

1 路过了青春，我们还拥有什么

2 menu

3 skip to content

4 css sprite 雪碧图

5 leave a reply

6 使用的目的 有效的减少http请求数量，加速内容显示

7 每请求一次，就会和服务器链接一次，建立链接是需要额外时间的

8 实现方式

9 li i {

10 item1 {

CONTENT

Page content here

KEYWORDS ON
PAGE

路过了青春，我们还拥有什么,menu,skip to content,css sprite 雪碧图,leave a reply,使用的目的 有效的减少http请求数量，加速内容显示,每请求一次，就会和服务器链接一次，建立链接是需要额外时间的,实现方式,li i {,item1 {,html,雪碧图的快速制作工具css gaga,doctype html,head,body,css/img/slice目录下的小图,将css/main css拖拽到css gaga中,web开发,and tagged css

SERVER

nginx/1.4.4

CONTENT-TYPE

utf-8

GOOGLE PREVIEW

菠菜 | 路过了青春，我们还拥有什么 | zhangpengbo.com Reviews

https://zhangpengbo.com

拼合背景图的小图的坐标 X, Y 为负值，要展示某个小图标时需要取到它的左上角的坐标。 Background-image:url(./img/sprite.png);. Background-position:(x, y);. Li i class=”item1″ /i /li. Li i class=”item2″ /i /li. Li i class=”item3″ /i /li. 8212;——–main.css———. Ul, li {list-style: none;}. I {display:inline-block;overflow:hidden;background-repeat:no-repeat;}. I1 {width:24px;height:24px;background-image:url(‘./img/slice/1.png’);}. I2 {width:24px;height:24px;background-image:url(‘./img/slice/2.png’);}. Html lang=”zh-CN”. Meta charset=”utf-8″. 1 1 400px;.