SpriteMe Ò³ÃæCSSͼƬ¹¤¾ß
SpriteMeÊÇGoogleµÄÒ»¸ö¿ªÔ´ÏîÄ¿£¬¿ÉÒÔÓÃÀ´·½±ãµØÕÒ³öÒ»¸öÒ³ÃæÖÐËùʹÓõÄͼƬ£¬È»ºó¿ÉÒÔ½«ËùÒÔͼƬºÏ²¢µ½Ò»¸ö“Sprite”ͼƬ£¬È»ºóÔÙͨ¹ý
CSS¿ØÖƵ÷ÓÃÄÄÒ»¸öÇøÓò£¬ÆäÌṩÁËÒ»¸öÍøÕ¾À´°²×°£¬ÑÝʾʹÓ÷½·¨£¬http://spriteme.org/ ¡£
°²×°·½·¨ºÜ¼òµ¥£¬°´ÕÕÉÏÃæÄǸöÒ³ÃæÉϵÄÌáʾ£¬½«Ò»¸öÁ´½ÓÍϵ½“ÊéÇ©¹¤¾ßÀ¸”¼´¿É£¬È»ºóÔÙ°´ÕÕÉÏÃæµÄ“Demo”Ò»²½²½µÄ²Ù×÷¡£
SpriteMe ÌṩµÄÌØÐÔ:
²éÕÒÒ³Ãæ±³¾°Í¼Æ¬£»
×éÖ¯ËùÓÐͼƬµ½Ò»¸ö sprites£»
Éú³É sprite£»
½«Éú³ÉµÄ sprite ×¢µ½µ±Ç°Ò³Ã棻
ÖØÐ¼ÆËã±³¾°Í¼Æ¬Î»ÖõÄCSS¡£
¸Ã¹¤¾ßºÜ·½±ãʹÓ㬶ÔÓÚÍøÒ³¿ª·¢Õß¿ÉÒÔÌá¸ßÆäÒ³ÃæÉè¼ÆµÄЧÂÊ£¬ºÜÔÞ£¡£¡
Ïà¹ØÎĵµ£º
¡¡¡¡×÷ÎªÍøÒ³Éè¼ÆÊ¦(ǰ¶Ë¹¤³Ìʦ)£¬Äã¿ÉÄÜ»¹¼ÇµÃÔø¾µÄÄǸöÍøÒ³´óС½¨Òé:Ò»¸öÍøÒ³£¨°üÀ¨HTML¡¢CSS¡¢Javacript¡¢FlashºÍͼ
Ƭ£©¾¡Á¿²»Òª³¬¹ý30KBµÄ´óС£¬Ëæ×Å»¥ÁªÍøµÄÈÕÒæÅÓ´ó£¬ÍøÂç´ø¿íÒ²ÔÚ·ÉËÙ·¢Õ¹£¬ºÜ¶àÉè¼ÆÊ¦ÒѾ²»ÔÙ¿¼ÂÇÕâÌõ30KBµÄÀíÏë×¼Ôò¡£Ëæ×ÅÔ½À´Ô½ÊÜ»¶ÓµÄ
CSS²¼¾ÖºÍJavascript¶ÔÍøÕ¾Óû§ÌåÑéµÄÇ¿»¯£¬Ê¹µÃÕâÖÖÏÖÏ ......
¡¡¡¡Ê¹ÓÃXHTML+CSSÀ´ÊµÏÖÔªËØµÄ´¹Ö±¾ÓÖÐÒ»Ö±ÊÇǰ¶Ë¿ª·¢ÖеÄÒ»¸ö±È½Ï¸´ÔÓÇÒ¼¬ÊÖµÄÎÊÌ⣬×÷ÎªÍøÒ³Éè¼ÆÊ¦»òǰ¶Ë¿ª·¢¹¤³Ìʦ£¬Õâ¸ö´¹Ö±¾ÓÖÐÎÊÌâ
Ò²ÊDZØÐëÕÆÎյļ¼ÇÉÖ®Ò»£¬Ò»Ð©»¥ÁªÍø¹«Ë¾ÃæÊÔÌâÖÐÒ²»á³öÏÖÕâÀàÌâÄ¿¡£½ñÌ챩·ç±ò±ò½«·ÖÏíÒ»¸öÍêÃÀͨ¹ýCSSʵÏÖ´¹Ö±¾ÓÖеķ½·¨£¬¸Ã·½·¨ÊÇÓÉaka
Yuhů·¢Ã÷µÄ£¬Õâ¸ö·½·¨Ò²ÊÇĿǰ±©·ç ......
µÚÈý²½ÊǶ¨ÒåÄãµÄÓïÑÔ±àÂ룬ÀàËÆÕâÑù£º
¡¡¡¡<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
ΪÁ˱»ä¯ÀÀÆ÷ÕýÈ·½âÊͺÍͨ¹ýW3C´úÂëУÑ飬ËùÓеÄXHTMLÎĵµ¶¼±ØÐëÉùÃ÷ËüÃÇËùʹÓõıàÂëÓïÑÔ£¬ÎÒÃÇÒ»°ãʹÓÃgb2312(¼òÌåÖÐÎÄ)£¬ÖÆ×÷¶à¹úÓïÑÔÒ³ÃæÒ²ÓпÉÄÜÓÃUnicode¡¢ISO-8859-1µÈ£¬¸ù¾ÝÄãµÄÐ ......
1.ËùÓеıê¼Ç¶¼±ØÐëÒªÓÐÒ»¸öÏàÓ¦µÄ½áÊø±ê¼Ç
¡¡¡¡ÒÔǰÔÚHTMLÖУ¬Äã¿ÉÒÔ´ò¿ªÐí¶à±êÇ©£¬ÀýÈç<p>ºÍ<li>¶ø²»Ò»¶¨Ð´¶ÔÓ¦µÄ</p>ºÍ</li>À´¹Ø±ÕËüÃÇ¡£µ«ÔÚXHTMLÖÐÕâÊDz»ºÏ·¨µÄ¡£XHTMLÒªÇóÓÐÑϽ÷µÄ½á¹¹£¬ËùÓбêÇ©±ØÐë¹Ø±Õ¡£Èç¹ûÊǵ¥¶À²»³É¶ÔµÄ±êÇ©£¬ÔÚ±êÇ©×îºó¼ÓÒ»¸ö"/"À´¹Ø±ÕËü¡£ÀýÈç:
¡¡¡¡<br />&l ......