±Ê¼Ç±¾
                                                          ÊÖ»ú
                                                          ÄÚ´æ
                                                          cpu
                                                          ͶӰ»ú
                                                          Ö÷°å
                                                          ÊýÂë
                                                          ÏÔ¿¨
                                                          ÏÔʾÆ÷
                                                          ÍøÂç
                                                          ·þÎñÆ÷
                                                          MP3
                                                          ´òÓ¡»ú
                                                            ÐÅÑôµçÄÔÍøÊ×Ò³|µçÄÔ×ÊѶ|µçÄÔÐÐÇé|µçÄÔµ¼¹º|µçÄÔÓ²¼þ|½µ¼Û·ç±©|ÏÂÔØÖÐÐÄ|×°»ú±Ø±¸|Èí¼þÏÂÔØ|Ô´ÂëÏÂÔØ|½Ì³ÌÏÂÔØ|ͼƬÖÐÐÄ|ÍøÕ¾½¨Éè|¹ã¸æÍ¶·Å|  
                                                          |×îÐÂÊÓµã|Èí¼þÐÂÎÅ|ÍøÒ³ÖÆ×÷|ͼÏñ´¦Àí|ýÌåÓ¦ÓÃ|²Ù×÷ϵͳ|ÊýÂë¼¼Êõ|±à³ÌÉè¼Æ|Êý¾Ý¿âÀà|ÍøÂ簲ȫ|°ì¹«Èí¼þ|µÈ¼¶¿¼ÊÔ|ÈËÎïר·Ã|ÐÅÑô½ÌÓý|ITÀàÐÂÎÅ
                                                          |ÐÂÎÅÊÓÆµ|ÌåÓýÐÂÎÅ|¾üÊÂÐÂÎÅ|Éç»áÐÂÎÅ|ÐÅÑôÐÂÎÅ|ÐÅÑôÉè¼Æ|½¡¿µÒûʳ|¼Ò¾Ó×°ÐÞ|ÐÅÑôÂÃÓÎ|ÐÅÑôÉ̼Ò|ÐÅÑô»éÇì|ÐÅÑôÃÀʳ|ÐÅÑô»ÆÒ³|ÐÅÑô±ö¹Ý|ÐÅÑô½¨²Ä
                                                          |Éú»î·þÎñ|ÐÅÑôë¼â|ÐÅÑôÃûÈË|ÐÅÑô·¿²ú|ÐÅÑôÓéÀÖ|ÐÅÑô³µÊÐ|Êг¡ÐÅÏ¢|¶þÊÖÊг¡|ÐÅÑôÈ˲Å|¿¨Í¨¶¯Âþ|µç×ÓÉÌÎñ|µçÄԿƼ¼|¹«Ë¾ÆóÒµ|Æû³µÍ¼Æ¬|ÓéÀÖͼƬ
                                                          ÐÅÑôITȨÍþÃÅ»§ÍøÕ¾
                                                           
                                                          ÄúÏÖÔÚµÄλÖ㺠ÐÅÑôITµÚÒ»ÃÅ»§ÍøÕ¾ >> ÐÂÎÅÖÐÐÄ >> ÍøÒ³ÖÆ×÷ >> ÕýÎÄ
                                                          HTML5+CSS3½Ì³Ì:ʹÓÃSVG¸ßУ´¦ÀíÍøÒ³Í¼Æ¬
                                                          ×÷ÕߣºØýÃû ÎÄÕÂÀ´Ô´£º²»Ïê µã»÷Êý£º ÔÚÏßͶ¸å Ͷ¸åÖ¸ÄÏ

                                                          ÍøÒ³ÖÆ×÷WebjxÎÄÕ¼ò½é£ºSVGÈ«³ÆÊÇScalable Vector Graphics£¬Èç¹ûÄãʹÓùýadobe IllustratorµÄ»°£¬ÏàÐÅÄã¶ÔÕâÖÖÊÊÁ¿¸ñʽµÄͼƬ²¢²»Ä°Éý£¡

                                                          HTML5/CSS3ϵÁн̳̣ºÊ¹ÓÃSVGͼƬ

                                                          ÔÚÎÒÃÇ¿ªÊ¼Ê¹ÓÃSVGǰ£¬ÈÃÎÒÃÇÏÈÁ˽âһϠSVG£¬²¢ÇÒ½âÊÍÒ»ÏÂΪʲôʹÓÃSVG¡£

                                                          SVGÈ«³ÆÊÇScalable Vector Graphics£¬Èç¹ûÄãʹÓùýadobe IllustratorµÄ»°£¬ÏàÐÅÄã¶ÔÕâÖÖÊÊÁ¿¸ñʽµÄͼƬ²¢²»Ä°Éý£¡

                                                          ΪʲôʹÓÃSVG£¿

                                                          • Îļþ·Ç³£Ð¡
                                                          • Äܹ»ÎÞËðʧµÄËõ·Å³ß´ç
                                                          • ÔÚRetinaÏÔʾÆÁÉÏЧ¹û³¬°ô
                                                          • Äܹ»¿ØÖÆÍ¼Æ¬ÑùʽÉè¼Æ£¬ÀýÈ绥¶¯ºÍ¹ýÂËfilter

                                                          ä¯ÀÀÆ÷Ö§³Ö

                                                          • IE8¼°Æä¸üµÍ°æ±¾²»Ö§³Ö
                                                          • Android 2.3¼°Æä¸üµÍ°æ±¾²»Ö§³Ö
                                                          • ÆäËüä¯ÀÀÆ÷¶¼Ö§³Ö

                                                          Èç¹ûÄãÐèÒªÖ§³ÖÕâЩ°æ±¾µÄä¯ÀÀÆ÷µÄ»°£¬Äã¿ÉÒÔʹÓÃModernizr£¬ÈçÏ£º

                                                          if (!Modernizr.svg) {
                                                            $(".gblogo img").attr("src", "images/logo.png");
                                                          }

                                                          »òÕßʹÓÃÈçϸü¼òµ¥µÄ´úÂ룺

                                                          <img src="gblogo.svg" onerror="this.onerror=null; this.src="gblogo.png"">

                                                          SVGÎļþ×÷Ϊһ°ãͼƬʹÓÃ

                                                          Äã¿ÉÒÔ×÷ΪͼƬÀ´Ö±½ÓʹÓã¬ÈçÏ£º

                                                          <img src="logo.svg" alt="gbtags logo">

                                                          SVGÎļþ×÷Ϊ±³¾°Í¼Æ¬Ê¹ÓÃ

                                                          ÎÒÃÇÒ²¿ÉÒÔʹÓÃSVGͼƬ×÷Ϊ±³¾°Í¼Æ¬Ê¹Óã¬ÈçÏ£º

                                                          <a href="http://www.webjx.com" class="logo">
                                                            csswang.com
                                                          </a>

                                                          css´úÂë:

                                                          .logo {
                                                            display:
                                                            text-indent:
                                                            width:
                                                            height:
                                                            background:
                                                            background-size:
                                                          }

                                                          ʹÓÃÐÐÄÚSVG

                                                          Äã¿ÉÒÔÖ±½Ó½«SVG´úÂ뿽±´µ½bodyÖУ¬½«»á¿´µ½Í¼Æ¬£¬ÈçÏ£º

                                                          <body>    
                                                          <!-- ½«SVG´úÂ뿽±´µ½´Ë´¦£¬½«»áÏÔʾͼƬ  --> 
                                                          </body>

                                                          ʹÓÃCSS¿ØÖÆSVG

                                                          Äã¿ÉÒÔʹÓÃCSSÀ´¿ØÖÆSVGÎļþ£¬ÏÂÃæ´úÂ뽫¿ØÖÆÊó±êÐü¸¡Ê±µÄͼƬ±³¾°ÑÕÉ«£º

                                                          <g class="logo" transform="translate(0.000000,500.000000) scale(0.100000,-0.100000)"
                                                          fill="#000000" stroke="none">

                                                          ÒÔÉÏ´úÂ붨ÒåÁËÒ»¸ölogoµÄclass£¬È»ºóÎÒÃÇ¿ÉÒÔÔÚCSS¶¨ÒåÈçÏ£º

                                                          .logo:hover{
                                                              fill:
                                                              ...
                                                          }

                                                          ×¢ÒâSVGÖÐÎÒÃÇʹÓÃfill¶ø²»ÊÇbackgroundÀ´¶¨Òå±³¾°É«¡£

                                                          ÉõÖÁ¿ÉÒÔʹÓÃfilterÀ´¿ØÖÆÄ£ºý¶È£¬ÈçÏ£º

                                                          .logo:hover{
                                                              fill:
                                                              filter:
                                                          }

                                                          µ±ÄãʹÓÃÊó±êhoverͼƬʱ£¬»áÓÐÈçÏÂЧ¹û¡£

                                                          ÔÚÏßµ÷ÊÔ£ºhttp://www.gbtags.com/gb/debug/acfcf33e-db11-4b71-bdcb-d38e99fdcef3.htm

                                                          SVGÏà¹Ø¹¤¾ß

                                                          • ÔÚÏßתSVG¹¤¾ß£ºhttp://image.online-convert.com/convert-to-svg
                                                          • ΢ÈíµÄSVG filterЧ¹ûչʾ¹¤¾ß£ºhttp://ie.microsoft.com/testdrive/graphics/hands-on-css3/hands-on_svg-filter-effects.htm
                                                          • SVG¼õ·Ê¹¤¾ß£ºhttp://www.mobilefish.com/services/base64/base64.php

                                                          ×ܽá

                                                          SVGÊÇÒ»¸ö·Ç³£Ç¿´óµÄͼƬ¸ñʽ£¬¿ÉÒÔ°ïÖúÄã¸ßЧµÄ´¦ÀíͼƬ£¬ÓµÓбÈJPG»òÕßPNG¸üÁé»îÇ¿´óµÄͼÐÎչʾ·½Ê½£¬ÏàÐÅÈç¹û¼ÓÒÔʱÈÕ£¬±Ø¶¨³ÉΪ×îÁ÷ÐеÄͼƬ´¦Àí·½Ê½£¡

                                                          ÐÅÑôµçÄÔÍøÉêÃ÷:±¾Õ¾×ÊÔ´À´Ô´ÓÚ»¥ÁªÍø,°æÈ¨¹éÔ­×÷ÕßËùÓУ¬ÈçÓÐÇÖȨÇëÁªÏµÎÒÃÇ,ÎÒÃǽ«ÔÚÊÕµ½ÏûÏ¢ºó24СʱÄÚɾ³ý.

                                                        1. ÉÏһƪÎÄÕ£º
                                                        2. ÏÂһƪÎÄÕ£º
                                                        3. ¡¾×ÖÌ壺С ´ó¡¿¡¾·¢±íÆÀÂÛ¡¿¡¾¼ÓÈëÊղء¿¡¾¸æËߺÃÓÑ¡¿¡¾´òÓ¡´ËÎÄ¡¿¡¾¹Ø±Õ´°¿Ú¡¿

                                                          ¡¡¡¡ÍøÓÑÆÀÂÛ£º£¨Ö»ÏÔʾ×îÐÂ10Ìõ¡£ÆÀÂÛÄÚÈÝÖ»´ú±íÍøÓѹ۵㣬Óë±¾Õ¾Á¢³¡Î޹أ¡£©

                                                          Ê×Ò³ÍÆ¼ö

                                                          7Çò¶Ó»òÔÚÑ¡Ðãµ±Ìì½»Ò×:¡­
                                                          ÍÆ¼öÎÄÕ Ů´óѧÉý»áÍøÓÑ͵×ß¶Ô·½¼ÛÖµ8ÍòÃû±í
                                                          ÍÆ¼öÎÄÕ ´óÁ¬»¤Ê¿ÃÅʼþ¡°»¤Ê¿ÃÅ¡±ÕÕÆ¬È«¼¯
                                                          ÍÆ¼öÎÄÕ һ¿éÇ®ÈÎÄãÃþµÄ¸£~ÎñÐÐÒµ¾ªÏÖ¹úÄÚ£¬Ö»ÐèÒ»¿éÇ®ÈÎÄã¡­
                                                          ÍÆ¼öÎÄÕ ÍâÃ½ÆØ¹âÖйúÔÙ´«Õðº³ÏûÏ¢£ºÎÒ¾üÓÖÁÐ×°ÐÅɱÊÖïµ
                                                          ÍÆ¼öÎÄÕ ÖÐÃÀ¡°ÐÅ×¼Ôò¡±ÒõÓ°ÁýÕÖÓ¡¶È£º°¢ÈýºÜÅÂÖÐÃÀÁªÊÖ
                                                          ÍÆ¼öÎÄÕ ÃÀ¾ü¶Ô»ª¾¯±¨Ô½À­Ô½Ï죺ÖÐÃÀÌì¾üÌ«¿ÕÕ½ËæÊ±¿ª´ò
                                                          ÍÆ¼öÎÄÕ һ´¥¼´·¢£ºÃÀ¾ü¶¥¼¶Ç±Í§º½Ä¸±Æ½üÖйúÄÚÄ»ÆØ¹âÁË
                                                          ÍÆ¼öÎÄÕ º½Ä¸µÈ²»¼°ÁË£¡Öйú½¨³É¼ß15º½Ä¸½¢ÔØ»úѵÁ·»ùµØ
                                                          ¾«²ÊÐÅÏ¢
                                                           HTML5´úÂëʾÀý:½¥½øÔöÇ¿°æhtml
                                                           hr±ê¼Ç´úÂëÓ¦ÓÃ:¼æÈÝä¯ÀÀÆ÷µÄhr´úÂë
                                                           HTMLÓïÒå:ÃæÏò¶ÔÏóµÄǰ¶Ë¼Ü¹¹
                                                           HTML5±¸Íü¼:tags±êÇ©¡¢Ê¼þÄÚÈÝÊôÐÔºÍ䯡­
                                                           2013ÄêÖ÷Á÷ä¯ÀÀÆ÷HTML5ÓëCSS3¼æÈÝÐÔ¶Ô±È
                                                           HTML5+CSS3½Ì³Ì:ʹÓÃSVG¸ßУ´¦ÀíÍøÒ³Í¼Æ¬
                                                           HTML5½Ì³Ì:ÈçºÎʵÏÖHTML5ÀëÏßÓ¦Óÿª·¢
                                                           ÍøÒ³±íµ¥Éè¼Æ:ÍøÒ³±íµ¥Óû§ÌåÑéÉè¼Æ
                                                           Òƶ¯WEBÉè¼Æ:ÂÛ·µ»Ø°´Å¥µÄÉè¼Æ
                                                           HTML±êÇ©ÓïÒåºÍHTML±êÇ©ÓïÒ廯µÄÉè¼Æ
                                                          ͼÎÄÐÅÏ¢

                                                          2013ÄêÖ÷Á÷ä¯ÀÀÆ÷HTML¡­

                                                          HTML5+CSS3½Ì³Ì:ʹÓÃS¡­

                                                          ÒÆ¶¯WEBÉè¼Æ:ÂÛ·µ»Ø°´¡­

                                                          ÍøÒ³±íµ¥Éè¼Æ:Ìá¸ß±íµ¥¡­
                                                          ÉèΪÊ×Ò³ - ¼ÓÈëÊÕ²Ø - ¹ã¸æ·þÎñ - ÓÑÇéÁ´½Ó - ÁªÏµÎÒÃÇ - °æÈ¨ÉêÃ÷ - ÍøÕ¾½¨Éè - °ïÖú
                                                          Ô¥ICP±¸10021913ºÅ  ±¾Õ¾ÉùÃ÷£º±¾Õ¾×ÊÔ´À´Ô´ÓÚ»¥ÁªÍø,°æÈ¨¹éÔ­×÷ÕßËùÓУ¬ÈçÓÐÇÖȨÇëÁªÏµÎÒÃÇ,ÎÒÃǽ«ÔÚÊÕµ½ÏûÏ¢ºó24СʱÄÚɾ³ý.
                                                          © CopyRight 2002-2008, www.drbattles.com, Inc. QQ:869696845 ¹Ù·½¢ÙȺ:58890563(Âú)¹Ù·½¢ÚȺ:58890410
                                                             
                                                          ·ï»Ë²ÊÆ±ÍøÕ¾