12、【视频】CSS Sprites技术
作者:××× 来源:标准之路 【大 中 小】 浏览: 添加日期：2010-06-27 我要评论(13)
CSS Sprites在国内很多人叫css精灵或css雪碧。它是把网页中一些背景图片整合到一张图片文件中，再利用CSS的背景图片定位到要显示的位置
这样做可以减少文件体积，减少对服务器的请求次数，提高效率
标准之路www.aa25.cn 提示：可以先修改部分代码后再运行
（如果您觉得本站不错，请告诉身边的朋友，或转载到论坛、百度知道、贴吧等，记得带网址哟，不胜感激！）
〖DIV+CSS教程〗Tags: 视频 视频教程 css精灵 css雪碧 css sprites
所属专题：新手常见问题
相关文章
更多评论(13)..会员评论
- susu8211(119.6.*.*) 发表于：2011-06-06 12:11:42
- 老师,您好,感谢您做的新手常见问题视频教程及案例,非常好,通俗易懂,就是太少了,希望老师能够多做一些!还有我有一问题总是解决不了,用<input type="button" value="Login in" onclick="window.document.location='welcome.html'" class="login_btn"/>按钮的样式如下:.login_btn { height:33px; width:103px; background-image: url(../images/shopper/login_btn_bg.gif); background-repeat: no-repeat; background-position: center center; font-size:11pt; font-weight:bold; border:0; color: #FFFFFF; border:0; }出现了按钮四周有白边,但我这按钮的背景是透明的,不知道怎么样才能把四周白边去掉,怎么也找不到原因?不知道老师有没有明白我的问题,或者有地方可以传附件不?我把样式和图片发上来?
- 管理员回复：不知道你说的白边是哪里
- a66766826(112.66.*.*) 发表于：2011-06-02 11:22:04
- 老师您好 我不是很明白#nav a#current { background:url(/upload/2010-06/27/nav_bg.gif) 0 0 no-repeat; font-weight:bold; color:#fff;} 中加#nav a#current 这里，是不是加了这 a:hover 就不起作用了
- 管理员回复：它的意思是nav下的id为current的a的样式
- yice(218.17.*.*) 发表于：2011-05-28 07:48:59
- 之前学的DIV就是看了十天那个教程学的，不胜感激，但是想问下，像京东网那个背景整合那么多图，那个定位方法一样的么？
- 管理员回复：一样
- yishuiqingyao(115.151.*.*) 发表于：2010-12-12 13:50:19
- 老师，在测量图片高度的时候，我发现我的PS信息面板是以厘米显示宽度和高度的，那样很不方便；请教您一下如何设置成以像素显示。
- 管理员回复：在编辑菜单的最后一项，打开后有单位和标尺选项
- KAI(119.163.*.*) 发表于：2010-12-06 13:51:19
- HAO
- yehaizi(122.232.*.*) 发表于：2010-11-16 08:50:48
- 老师，我添加了一个no-repeat后，背景图片会变短，但是去掉no-repeat后，背景图片又能正常显示。这是什么原因呢？
- 管理员回复：那是图片本身就小，不加的话图片以四方连续的方式显示，所以感觉图片大了
- yelang46289(117.83.*.*) 发表于：2010-11-13 10:59:30
- 谢谢老师的讲解，基本看明白了。感谢
- tiyee(123.125.*.*) 发表于：2010-09-12 14:27:33
- 一直有个疑惑，希望不吝赐教： 视频中的例子，是不重复的，可是当希望重复时怎么处理呢？ 打个比方，在做个栏目时，栏目的标题栏分3部分，左。中。右 左右都好说，可是那个中怎么处理呢？ 按上面说的，中DIV部分的宽度是100PX而背景图宽我们一般是设的50PX，那么怎样截取这50PX中的5PX宽的部分去填充页面中的100PX的背景呢？
- 管理员回复：这个在十天学会web标准第十天中会讲到，敬请期待
推荐文章
热门文章
最新图片素材
最新评论文章
推荐专题
在线交流QQ群
- 106310407(开)
- 55427134(开)
- 2993401(开)
- 30235673(开)
- 33424604(开)
- 2993401(开)
- 161512108(开)
- 161510519(开)
- 158375021(开)
- 155858414(开)
- 143309878(开)
- 16373807(开)
- 129098721(开)
- 123473199(开)
- 146991009(开)
- 135792800(开)