|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
网页制造poluoluo文章简介:照猫画虎,把你网站上常常利用的web图片元素打包――好比你的logo,RSS图标,另有其他不会常常变动的器材。
利用CSSSprites是在你尽量地利用其他的优化战略后最初的一招。它将你的一切图片放在一张图中,即你的一张CSSSprites由10张图片构成,那将制止9次HTTP哀求,这削减的9次哀求时延,恰是减速的加载工夫。这也有成绩,跟每一个HTTP哀求的服务器开支一样,需由Apache的子历程办理,占用20MB的内存。你最好帮你的服务器历程削减HTTP哀求:卸载媒体到Web前端AmazonS3,诸云云类。
上面是两个CSSSprites,一个是Google的,一个是PaulStamatiou的。
照猫画虎,把你网站上常常利用的web图片元素打包——好比你的logo,RSS图标,另有其他不会常常变动的器材。用Photoshop大概你的图片编纂工具,把它们放在单个的图片里。你能够尽贴着安排图片,但如果你略微留点白再下一步选中会更复杂些,然后保留图片。
编写CSS代码
有了CSSSprites,你将要用CSS选择器对每一个只显现精灵中部分图片的链接举行处置:只需你必要的那部分。你必要晓得待显现图片的准确巨细和地位。这步用到Photoshop中的切片工具并选出你要用的那部分的图。对新切片右键单击,选择编纂切片。在弹出的窗口会有图片的分辩率和地位。
在这个示例中,我选用巨细为42 |
|