仓酷云

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

[DIV+CSS] CSS教程之CSS Sprites 图片整合手艺

[复制链接]
莫相离 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 10:37:03 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
当然空口无凭,下面我们就让大家看一下Div+CSS在页面中达到的效果。



css顶用一张背景图做页面的手艺有甚么上风?
复杂先容一下CSSSprites的长处:


  • 当用户往U盘中拷200张图片,会等好久。可是假如弄成一个文件,再拷贝就会快良多。
  • CSSSprites的目标就是经由过程整合图片,削减对服务器的哀求数目,从而加速页面加载速率。



完成办法

  • 起首将小图片整合到一张年夜的图片上
  • 然后依据详细图标在年夜图上的地位,给背景定位。
    background-position:-8px-95px;
所包含元素的特性要么由自身Div标签的属性来控制,要么是请css帮忙来进行控制。如果是多层嵌套的Div,可能会严重影响代码的可阅读性,
深爱那片海 该用户已被删除
沙发
发表于 2015-1-18 07:02:48 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
再见西城 该用户已被删除
板凳
发表于 2015-1-25 16:48:38 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
乐观 该用户已被删除
地板
发表于 2015-2-3 11:56:10 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
第二个灵魂 该用户已被删除
5#
发表于 2015-2-8 22:30:53 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
活着的死人 该用户已被删除
6#
发表于 2015-2-26 12:40:26 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
金色的骷髅 该用户已被删除
7#
发表于 2015-3-8 15:17:55 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
精灵巫婆 该用户已被删除
8#
发表于 2015-3-16 04:51:32 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
海妖 该用户已被删除
9#
发表于 2015-3-22 20:12:45 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 18:38

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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