小妖女 发表于 2015-1-15 22:52:54

来谈谈:css-sprite合用的前提:对css-sprite的了解

学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
破洛洛文章简介:并非说css-sprite手艺欠好,只是甚么时分必要用,甚么时分不必要用,不克不及够混为一谈的跟风,看人家网易用了,你也用!
最入手下手的时分,图片都是一张一张独自存在,必要哪张,就发送http哀求来挪用,跟着工夫的推移,background-position的使用,又衰亡了css-sprite这类手艺,一时之间人人都在自觉跟风,以为不如许做就不敷专业,大概手艺不敷好等。

css-sprite是把一切用于网页背景的图片,拼合在一张年夜图以内,然后经由过程背景图定位的办法,来把持显现本人必要的那张图。可是不是一切的图片都合用css-sprite,比方网页内的图片,大概是必要反复平展的图片。而且,这类年夜图一旦兼并今后,假如今后再要修正个中的某一个图片,就要牵一发而动满身,假如只是复杂色彩改动,也许还略微简单一些,可是假如年夜图内的某些元素的尺寸变更了,就必要从头举行兼并了,而且大概会招致其他图片的地位产生变更,从而演化成调剂一个图片,还要同时调剂年夜图内的其他图片,而且要调剂css的background-position的数值。

并非说css-sprite手艺欠好,只是甚么时分必要用,甚么时分不必要用,不克不及够混为一谈的跟风,看人家网易用了,你也用!

css-sprite合用的前提:
1.网站的开辟已终了,包含功效,模块,交互,程序,都已重复测试,就差公布;
2.网站已趋于完善,不会再三天两端的修改,不克不及说明天上线了,今天以为按钮太小了,要调剂,后天以为按钮太年夜了要调剂;
3.你的网站流量很年夜,必要只管削减http的哀求次数;

css-sprite也并非像看起来那末复杂的,只是单一的把图片拼合在年夜图上那末复杂,起首你应当思索,那些图片是必要每一个页面都要引进的,这些图片能够拼合到一张年夜图中,而那些只要一般页面才必要挪用的图片,则不合适也加在年夜图内里,不然你的http哀求次数切实其实是小了,可是某些图片实在在某些页面是不必要用到的,可是你放在一张年夜图内里,用户仍是必要往加载,形成了网速的包袱。

别的,关于一些小公司,做一个产物没有一个公道的构想乃至框架,想到那里就让人往做,想一步做一步,做一步改一步,改完一步,再改一步,改来改往没有终极敲定的,这个时分假如一入手下手就利用css-sprite拼合图片,无疑给本人形成了伟大的困扰,增添了很多的事情量。以是最好是,比及产物已完整敲定,测试没有成绩,能够上线公布了,再往拼合图片。</p>
结构清晰,容易被搜索引擎搜索到,天生优化了seo

变相怪杰 发表于 2015-1-17 19:21:32

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

只想知道 发表于 2015-1-26 21:52:38

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

再见西城 发表于 2015-2-5 04:04:02

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

老尸 发表于 2015-2-11 05:07:29

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

蒙在股里 发表于 2015-3-1 22:44:56

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

乐观 发表于 2015-3-11 02:35:21

运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

小妖女 发表于 2015-3-17 20:59:41

Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

莫相离 发表于 2015-3-25 04:39:45

可以使用 CSS 检查工具进行设计。
页: [1]
查看完整版本: 来谈谈:css-sprite合用的前提:对css-sprite的了解