CSS教程之CSS Sprites 图片整合手艺
当然空口无凭,下面我们就让大家看一下Div+css在页面中达到的效果。[*]
[*]
css顶用一张背景图做页面的手艺有甚么上风?
复杂先容一下CSSSprites的长处:
[*]当用户往U盘中拷200张图片,会等好久。可是假如弄成一个文件,再拷贝就会快良多。
[*]CSSSprites的目标就是经由过程整合图片,削减对服务器的哀求数目,从而加速页面加载速率。
完成办法:
[*]起首将小图片整合到一张年夜的图片上
[*]然后依据详细图标在年夜图上的地位,给背景定位。
background-position:-8px-95px;
所包含元素的特性要么由自身Div标签的属性来控制,要么是请css帮忙来进行控制。如果是多层嵌套的Div,可能会严重影响代码的可阅读性, 每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
页:
[1]