当前位置:首页 > DIV+CSS教程 > 正文

12、【视频】CSS Sprites技术

作者:××× 来源:标准之路 【 】 浏览: 添加日期:2010-06-27 我要评论(16)     

标准之路提醒您:点击此处下载Microsoft Silverlight插件,安装后刷新即可播放

点击下载视频教程(感谢动力软件园提供下载空间)

 CSS Sprites在国内很多人叫css精灵或css雪碧。它是把网页中一些背景图片整合到一张图片文件中,再利用CSS的背景图片定位到要显示的位置
这样做可以减少文件体积,减少对服务器的请求次数,提高效率


标准之路www.aa25.cn 提示:可以先修改部分代码后再运行

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖DIV+CSS教程〗Tags: 视频 视频教程 css精灵 css雪碧 css sprites

所属专题:新手常见问题

更多评论(16)..会员评论

zp1104(115.239.*.*) 发表于:2013-05-25 16:56:49
站长,这视频怎么看不了呢,请快点解决啊。谢谢
a283117211(222.247.*.*) 发表于:2013-04-27 17:36:30
为什么下载不了
waoo(221.220.*.*) 发表于:2012-10-25 10:49:14
老师您好,我想知道您用的那个遨游浏览器查看图片的那个是什么插件?我怎么都找不到呢
管理员回复:Floatbar 插件
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

出差旅游免费预订酒店

【视频教程】新手常见问题