仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 814|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来一发CSS Sprites网页图片整合办法

[复制链接]
再现理想 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:55:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
网页制造poluoluo文章简介:起首将小图片整合到一张年夜的图片上,然后依据详细图标在年夜图上的地位,给背景定位。background-position:-8px-95px.
论坛上提到如许的成绩:“CSS顶用一张背景图做页面的手艺有甚么上风?”
复杂先容一下CSSSprites的长处:
当用户往U盘中拷200张图片,会等好久。可是假如弄成一个文件,再拷贝就会快良多。
CSSSprites的目标就是经由过程整合图片,削减对服务器的哀求数目,从而加速页面加载速率。

完成办法:

  • 起首将小图片整合到一张年夜的图片上
  • 然后依据详细图标在年夜图上的地位,给背景定位。background-position:-8px-95px;

标准的选择器不能格式化一个元素内容的第一个字母或者第一行,而伪元素选择器能实现
蒙在股里 该用户已被删除
沙发
发表于 2015-1-17 23:50:12 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
乐观 该用户已被删除
板凳
发表于 2015-1-25 16:36:48 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
地板
发表于 2015-2-3 11:43:26 来自手机 | 只看该作者
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
不帅 该用户已被删除
5#
发表于 2015-2-8 21:41:43 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
山那边是海 该用户已被删除
6#
发表于 2015-2-26 11:40:07 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
若相依 该用户已被删除
7#
发表于 2015-3-8 14:41:00 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
简单生活 该用户已被删除
8#
发表于 2015-3-16 03:36:53 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
莫相离 该用户已被删除
9#
发表于 2015-3-22 20:10:45 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-10 11:31

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表