Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

[webÉè¼Æ] CSS Sprites ͼƬÕûºÏ¼¼Êõ

cssÖÐÓÃÒ»Õű³¾°Í¼×öÒ³ÃæµÄ¼¼ÊõÓÐʲôÓÅÊÆ£¿
¼òµ¥½éÉÜһϠCSS Sprites µÄÓŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈ
ºÜ¾Ã¡£µ«ÊÇÈç¹ûŪ³ÉÒ»¸öÎļþ£¬ÔÙ¿½±´¾Í»á¿ìºÜ¶à¡£
CSS Sprites µÄÄ¿µÄ¾ÍÊÇͨ¹ýÕûºÏͼƬ£¬¼õÉÙ¶Ô·þÎñÆ÷µÄÇëÇóÊýÁ¿£¬´Ó¶ø¼Ó¿ìÒ³Ãæ¼ÓÔØ
Ëٶȡ£

ʵ
ÏÖ·½·¨
£º

Ê×ÏȽ«Ð¡Í¼Æ¬ÕûºÏµ½Ò»ÕÅ´óµÄͼƬÉÏ
È»ºó¸ù¾Ý¾ßÌåͼ±êÔÚ´óͼÉϵÄλÖ㬸ø±³¾°¶¨Î»¡£
background-position:-8px -95px;

ShuzirenCMSÔڱ༭Æ÷,ÍøÉÏÉ̳ǵÈÀ¸Ä¿Ä£¿éÉÏÒÑÈ«Ã濪ʼʹÓô˼¼Êõ


Ïà¹ØÎĵµ£º

CSSºÍJS±êÇ©styleÊôÐÔ¶ÔÕÕ±í


ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......

ÎÒÈçºÎ¿´´ýDIV+CSS¼Ü¹¹(Ò»)

+++ ÿ¸ãITµÄÈ˶¼ÖªµÀB/SϵͳµÄDIV+CSS½á¹¹£¬ÖªµÀËüµÄºÃ¡£µ«Èç¹ûÄãÎÊ£¬DIV+CSS½á¹¹ÊÇʲô£¿ºÃÔÚÄÄÀï?ʵ¼ÊÏîÄ¿Ó¦¸ÃÈçºÎÌåÏÖ»òʵÏÖ£¿Ã¿¸öÈ˶¼ÄܺÍÄã°×»ï¼¸¾ä£¬ÓÐЩÈËÉõÖÁ»áÌÏÌϲ»¾ø£¬¶øÍùÍùÕâЩÌÏÌϲ»¾øµÄÈËÒ²Ö»ÊÇÌýÁíһЩÌÏÌϲ»¾øµÄÈË˵µÄ£¬½ö½öÊÇ“½ÓÊÕ”²¢“½ÓÊÜ”ÁËÐÅÏ¢£¬That is all£¬¾ÍÏñÒ»ÕÅ´ÅÅÌ£ ......

¡¾×ª¡¿ÓÅ»¯CSSµÄÍøÒ³äÖȾËٶȵÄ11ÖÖ·½·¨


1¡¢Ê®Áù½øÖƵÄÑÕÉ«Öµ¶ÔλÊýÓë´óСд
±àдʮÁù½øÖÆÑÕɫֵʱÄã¿ÉÄÜ»áÓÃСд×Öĸ»òÊ¡ÂÔ³É3λÊý£¬¹ØÓÚÕâд·¨Ã»ÕÒµ½È·ÊµµÄÊý¾ÝÖ¤Ã÷¶Ôä¯ÀÀÆ÷µÄäÖȾЧÂÊÊÇ·ñÓÐÓ°Ï죬µ«Ê®Áù½øÖƵÄÑÕɫֵĬÈϱê×¼ÊÇ´óд¼°6λÊý±ê×¢¡£ÔÚδ֪Çé¿öϲ»Ï£ÍûðÏÕ¶ø½µµÍÁËäÖȾµÄЧÂÊ¡£
* ²»ÔÞ³É - color:#f3a;
* ½¨ÒéÓà - color:#FF33AA;
2¡¢disp ......

ÄÚÈÝҳǶÌ×ĸ°æҳʱ£¬ÄÚÈÝÒ³ÈçºÎµ÷ÓÃcssºÍjavascript

µ±ÔÚ×öÏîĿʱ£¬Í¨³£ÎÒÃÇ»á´óÁ¿µÄʹÓÃĸ°æÒ³£¬Ê¹ÓÃĸ°æÒ³µÄºÃ´¦ÏÔ¶øÒ×¼û£¬µ«Í¨³£ÔÚÄÚÈÝÒ³ÖÐǶÌ×ĸ°æҳʱ£¬ÎÒÃÇ»¹ÒªÔÚÄÚÈÝÒ³Öе÷ÓÃcssÑùʽºÍ javascriptº¯Êý£¬ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²À´ÁË¡£ÓÐÁ½ÖÖ½â¾ö·½·¨£¬µÚÒ»ÖÖ¾ÍÊÇÔÚĸ°æÒ³µÄÍ·²¿<head></head>±ê¼ÇÖУ¬Ç¶ÈëËùÓÐcssÑùʽºÍjavascriptº¯Êý£¬ÕâÑù×öʹµÃĸ°æÒ³µÄÄÚÈݷdz£ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ