CSS sprites¼¼Êõ¼Ó¿ìÄúµÄÍøÕ¾(¼õÉÙÍøÕ¾HTTPÇëÇó)
¼õÉÙÍøÕ¾HTTPÇëÇóÕâÊǼӿìÍøÕ¾·ÃÎÊËٶȵĹؼü£¬¶øCSS sprites¼¼ÊõÊǰѶàÕÅͼÏñ×éºÏ³ÉÒ»ÕÅͼÏñ£¬ÕâÑùÓû§ÔÚ·ÃÎÊÍøվʱһ´ÎÐ԰ѶàÕÅͼƬ¼ÓÔØÍ꣬¶ø²»ÐèÒªÒ»ÕÅÕÅͼƬµÄ¼ÓÔØ£¬ÕâÑù¼õÉÙÁË×é¼þµÄÒ³Â룬½¨Á¢¸ü·á¸»µÄÄÚÈݵÄÍøÕ¾£¬Í¬Ê±Ò²È¡µÃÁË¿ìËٵķ´Ó¦
ʱ¼ä¡£
ÒÔ25ÒÚÆóÒµÍøÕ¾¹ÜÀíϵͳÖеÄÔ´Âë×÷ΪʵÀýÉî¿Ì½²½âCSS sprites¼¼ÊõÀ´¼Ó¿ìÄúµÄÍøÕ¾(¼õÉÙÍøÕ¾HTTPÇëÇó)¡£
ÏȲåÈë˵һ¸öSEOÖжÔÍøÕ¾ÆÀ·ÖµÄ¹¤¾ß:YSLOW,YSLOWµÄµÚÒ»¸öÆÀ·ÖÒªÇó¾ÍÊǼõÉÙÒ³ÃæÉϵÄHTTPÇëÇó£¬ÆäÖÐÓÐÒ»¶ÎÃèÊö£º
ÖÕ¶ËÓû§ÏìÓ¦µÄʱ¼äÖУ¬ÓÐ80%ÓÃÓÚÏÂÔظ÷ÏîÄÚÈÝ¡£Õⲿ·Öʱ¼ä°üÀ¨ÏÂÔØÒ³ÃæÖеÄͼÏñ¡¢Ñùʽ±í¡¢½Å±¾¡¢FlashµÈ¡£Í¨¹ý¼õÉÙÒ³ÃæÖеÄÔªËØ¿ÉÒÔ¼õÉÙHTTP ÇëÇóµÄ´ÎÊý¡£ÕâÊÇÌá¸ßÍøÒ³ËٶȵĹؼü²½Öè¡£¼õÉÙHTTPÇëÇóµÄ·½·¨°üÀ¨£ººÏ²¢Javascript/CSSÎļþ¡¢Ê¹ÓÃCSS Sprites¡£
²ÉÓÃÁËÍøÕ¾ÓÅ»¯µÄ×ÛºÏÊֶΣ¬25ÒÚÆóÒµÍøÕ¾¹ÜÀíϵͳµÄ¹Ù·½Õ¾µÄÍøÒ³ÆÀ¼¶ÎªA£¬ÐÔÄÜÆÀ·Ö´ïµ½ÁË96(°´ÆÀ²â¹æÔò¼¯ÎªÐ¡ÐÍÍøÕ¾»òBLOG)¡£
25ÒÚÆóÒµÍøÕ¾¹ÜÀíϵͳ¹Ù·½ÓÃCSS sprites²ÉÓõŤ¾ßÊÇ£ºImageManipulation£¬
¹¤¾ß½Øͼ£º
¹¤¾ßʹÓüòµ¥£¬Ö±½ÓÌí¼ÓÏëÒªºÏ²¢µÄͼƬ£¬Ï·½µÄÑ¡ÖÐСͼƬCSS¾Í»áÏàÓ¦µÄÏÔʾÐèҪʹÓõÄͼƬµÄCSSÑùʽ¡£
´Ë¹¤¾ßµÄÏÂÔصØÖ·£ºhttp://www.25yi.com/UploadFiles/ImageManipulation.exe.V0.1.1.zip
ÕûºÏ³ÉÒ»ÕÅͼƬµÄÃû³ÆÊÇ£ºallbgs.png£¬ÈçÏÂͼËùʾ:
ÔÚCSSÖдúÂ룺
.mframe span.tt4 { display:block; float:left;height:30px;width:122px;background:url(../../images/allbgs.png) no-repeat 0px -272px;color:#fff; font-size:14px; padding-left:8px; text-align:center;padding-top:0px;padding-top:0px;_padding-top:0px;}
.m1{background:url(../../images/allbgs.png) no-repeat 0px -53px; font-size:14px;}
.m2{background:url(../../images/allbgs.png) no-repeat 0px -115px; font-size:14px;}
.m3{background:url(../../images/allbgs.png) no-repeat 0px -148px; font-size:14px;}
.m4{background:url(../../images/allbgs.png) no-repeat -5px -181px; font-size:14px;}
.m6{background:url(../../images/allbgs.png)
Ïà¹ØÎĵµ£º
1.´ó´óËõ¼õÒ³Ãæ´úÂ룬Ìá¸ßÒ³Ãæä¯ÀÀËÙ¶È,Ëõ¼õ´ø¿í³É±¾;
2.½á¹¹ÇåÎú£¬ÈÝÒ×±»ËÑË÷ÒýÇæËÑË÷µ½£¬ÌìÉúÓÅ»¯ÁËseo
3.Ëõ¶Ì¸Ä°æʱ¼ä¡£Ö»Òª¼òµ¥µÄÐ޸ļ¸¸öCSSÎļþ¾Í¿ÉÒÔÖØÐÂÉè¼ÆÒ»¸öÓгɰÙÉÏǧҳÃæµÄÕ¾µã¡£
4.Ç¿´óµ ......
The CSS Anthology 101 Essential Tips Tricks Hacks 3rd Edition
The Ultimate CSS Reference
Teach Yourself Visually Html And CSS
Everything You Know About CSS is Wrong
The CSS Anthology 101 Essential T ......
ÔÑùʽ£º
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</titl ......
<style type="text/css">
<!--
input{ background:expression((this.readOnly &&this.readOnly==true)?"#CCCCCC":"")}
-->
</style>
<body>
<input type="text" name="" />
<input type="text" name="" readonly="readonly" />
expression:´¦Àí·½Ê½£º
  ......