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

yuicompressor+ant »ìÏýѹËõ¶à¸öjsºÍcssÎļþ·½·¨

1¡¢ÏÂÔØ yuicompressor °ü
Ê×Ïȵ½¹Ù·½ÍøÕ¾ http://yuilibrary.com/downloads/#yuicompressor ÉÏÏÂÔØ yuicompressor-2.4.2.zip ×ÊÔ´°ü¡£½âѹºó yuicompressor-2.4.2.jar ÔÚ yuicompressor-2.4.2\build Ŀ¼Ï¡£
2¡¢´´½¨build-yui.xml Îļþ
È»ºó´´½¨ant ÔËÐеÄÎļþ£¬ÄÚÈÝÈçÏ£º
<?xml version="1.0" encoding="UTF-8"?>
<project name="MyTask" basedir="." default="compress-css">
    <property name="src.dir"     value="./src"/>
    <target name="compress-js">
      <apply executable="java" parallel="false" failonerror="true"
       dest="${src.dir}/dest"
       append="false" force="true">
       <fileset
        dir="${src.dir}"
        includes="js/**.js" />
       <arg line="-jar" />
       <arg path="yuicompressor-2.4.2.jar" />
       <arg line="--charset utf-8" />
       <srcfile />
       <arg line="-o" />
       <mapper type="glob" from="*.js" to="*.js" />
       <targetfile />
       <arg line="--nomunge" /><!--ֻѹËõÈ¥µô¿Õ¸ñ£¬²»»ìÏý-->
      </apply>
  </target>
    <target name="compress-css">
        <apply executable="java" parallel="false" failonerror="true"
          


Ïà¹ØÎĵµ£º

cssÔ²½Çbox(¿í¶È×ÔÊÊÓ¦)(°Ù¶ÈÖªµÀÍÚ³ö)

cssÔ²½Çbox(°Ù¶ÈÖªµÀÍÚ³ö) 1.css .zhidao_box {
    position: relative;
    width: 100%;
}
.zhidao_box .rg_1, .zhidao_box .rg_2, .zhidao_box .rg_3 {
    height: 1px;
    font-size: 0px;
    ov ......

±àд·ûºÏSEO±ê×¼µÄDIV+CSS·ç¸ñÍøÒ³

SEO¼´ËÑË÷ÒýÇæÓÅ»¯£¬´ÓĿǰ»¥ÁªÍøµÄ·¢Õ¹×´¿öÀ´¿´£¬ÊµÏÖSEOÓÐÖúÓÚÆóÒµ¼õÉÙÍøÂçÍÆ¹ãµÄ³É±¾¡£SEOµÄÊÖ¶ÎÓкܶàÖÖ£¬»òÕ߹̶¨µÄ¼¼Êõģʽ£¬»òÕ߷ǹ̶¨µÄËùνÒÕÊõģʽҲ¡£DIV+CSSÊǵ±Ç°¹«ÈϵÄÍøÒ³Éè¼Æ±ê×¼£¬ÊǹãÎªÍÆ³çµÄÍøÒ³Éè¼ÆÐ·¶Ê½£¬ËäÈ»TABLE»¹±»¹ã·ºÓ¦Ó㬵«DIV+CSSÓÅÐãµÄ½çÃæ¿ØÖÆÄÜÁ¦£¬»¹ÊÇÓµÓÐÁ˷dz£Ç¿µÄ¾ºÕùÓÅÊÆ¡£µ±È»£¬Ä¿ ......

cssÍøÒ³±³¾°½¥±ä

<style  type="text/css">
/*
  ´ÓÉÏÍùϽ¥±ä
*/
body
{
   FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#003C9F,endColorStr=white);
}
/*
  ´Ó×óÉÏÖÁÓÒϽ¥±ä
*/
body
{
   background-color:skyblue;
   FILTE ......

CSSÑùʽ±íѧϰһ

1. ¶¨ÒåÑùʽ
1.1 °´html±êÇ©¶¨Òå
ÀýÈ磺body{background-color:#999999; text-align:center}
1.2 °´ÀඨÒå
ÀýÈ磺.style1{border-style:solid; border-color:#0000FF; border-width:1px}
1.3 °´id¶¨Òå
ÀýÈ磺#style2{border-style:solid; border-color:#FF0000; border-width:1px}
2. CSSµÄλÖúÍÒýÓÃ
   ......

dz̸IEÓëFirefox¶ÔCSSµÄ²»Í¬½âÎö

¡¡
¡¡Æäʵ£¬ÒÔǰ´ÓÀ´Ã»ÓнӴ¥¹ýCSSÏà¹ØµÄÄÚÈÝ£¬¶¼ÊÇÔÚ×öÒµÎñµÄ±à³Ì£¬´ÓÀ´Ã»Ïë¹ýÇ°Ì¨Ò³ÃæµÄÉè¼ÆÒ²ÄÜÈç´Ë¸´ÔÓ¡£Õâ´ÎÏîÄ¿µÄ¿ª¹ý¹ý³ÌÖУ¬×÷ΪCSS²ËÄñµÄÎÒÒ²
½Ó´¥µ½CSSµÄÏà¹ØÉè¼Æ¡£Ëù³öÏֵĵͼ¶ÎÊÌâºÍÀ˷Ѻܶàʱ¼äµÄ×´¿öÒ²²ã³ö²»ÇËùÒÔͨ¹ý¸÷·½ËÑË÷ºÍ×Ô¼ºµÄʵ¼ÊѧϰÖÐ×ܽá³ö¼¸µãIEºÍFirefox¶ÔCSS
µÄÇø±ð£¬¸ø´ó¼Ò½è¼ø¡£
¡¡¡ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ