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

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)


Ïà¹ØÎĵµ£º

Div+CSSÔÚÍøÕ¾Éè¼ÆµÄÓÅÊÆ

    1.´ó´óËõ¼õÒ³Ãæ´úÂ룬Ìá¸ßÒ³Ãæä¯ÀÀËÙ¶È,Ëõ¼õ´ø¿í³É±¾; 
    2.½á¹¹ÇåÎú£¬ÈÝÒ×±»ËÑË÷ÒýÇæËÑË÷µ½£¬ÌìÉúÓÅ»¯ÁËseo 
    3.Ëõ¶Ì¸Ä°æʱ¼ä¡£Ö»Òª¼òµ¥µÄÐ޸ļ¸¸öCSSÎļþ¾Í¿ÉÒÔÖØÐÂÉè¼ÆÒ»¸öÓгɰÙÉÏǧҳÃæµÄÕ¾µã¡£ 
    4.Ç¿´óµ ......

25±¾¾­µäCSSµç×ÓÊé


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 ......

css div ÏÂÀ­²Ëµ¥

Ô­Ñùʽ£º
<!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 ......

cssÓÃexpressionÀ´Çø·ÖÖ»¶ÁÎı¾¿ò


<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:´¦Àí·½Ê½£º
   ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ