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(°Ù¶ÈÖªµÀÍÚ³ö) 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 ......
ÓÉÓÚÍøÕ¾µÄÖ÷ҪƵµÀÒ³ºÍÁбíÒ³µÄÍ·²¿ºÍµ×²¿¶¼ÊÇÒ»ÑùµÄ£¬Èç¹û½«Ã¿¸öÒ³Ãæ·ÅÔÚµ¥¶ÀµÄÒ³ÃæÖУ¬µ±Í·²¿ºÍµ×²¿ÐèÒª¸ü¸Äʱά»¤Á¿Ì«´ó¡£ÓÚÊÇÏë°ÑÍ·²¿ºÍµ×²¿×ö³Éĸ°æÒ³£¬ÆµµÀÒ³ºÍÁбíÒ³µÄ¾ßÌåÄÚÈݷŵ½ÄÚÈÝÒ³ÖС£ÕâÑùµ±Í·ºÍµ×ÐèÒª¸Ä¶¯Ê±£¬Ö»ÒªÐÞ¸ÄÒ»ÏÂĸ°æÒ³¾Í¿ÉÒÔÁË¡£
ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²½Ó×ÅÀ´Á ......
jsÒªÇó£ºÎªÊ¹ÏµÍ³ÄÜÔÚIEºÍFFÏÂÕý³£ÔËÐУ¬²»ÒªÊ¹ÓÃÔÉú̬µÄjavascript£¬½¨ÒéʹÓÃjsµÄ¿â£¨È磺jquery£©
²¢ÇÒÒªÇóÓÃjqueryÖУ¬»ñÈ¡¶ÔÏóµÄÊôÐÔʹÓÃ$obj.attr("attrName"),²»ÒªÊ¹ÓÃobj.attrName,·ÀÖ¹×Ô¶¨ÒåµÄÊôÐÔÔÚFFÖв»ÄÜÕý³£ÔËÐÐ
1¡¢ÎÊÌ⣺<span></span>ÔÚFFÏÂÔË ......
ÐÕÃû£ºÀÖÀÖ---ÀÖcss-lecss
ÍŶӿª·¢×öµÄ¡£±¾È˸ºÔðµÄÒ³ÃæÒÔ¼°ÅŰæÖ®ÀàµÄ£¬ÓÐÐËȤµÄ¿ÉÒÔÈ¥ÍøÕ¾ÉÏ×ªÓÆ×ªÓÆÏ¡£¡£
ÌìÌÃÍø£º
www.tiantang.cn
http://tiantang.cn/hills/hill1/page/hillindex.aspx
ÀÏÈËÍø£º
www.laoren.cn
--
Éè¼Æ¹ý³ÌÄÇÊÇÒ»ÖÖÂþ³¤¶ø°º¹óµÄÕÛÄ¥..¡£
--
ÎÒÂùϲ»¶CSSµÄ£¬¿ÉÊÇÈ´Ò²¶ÔËüºÜ·³ÄÕ£¬ÓÐ ......
Ñ¡ÔñÆ÷µÄ·Ö×é
Òâ˼¾ÍÊÇ˵¼¸¸öÑ¡ÔñÆ÷¿ÉÒÔͬʱʹÓÃÒ»¸öÉùÃ÷£¬µ«ÊÇÑ¡ÔñÆ÷Ö®¼ä¼Çסһ¶¨ÒªÓöººÅÀ´¸ô¿ª£¬ÕâÑùÎÒÃÇ»á½ÚÊ¡Á˺ܶà´úÂë
ÎÒÃǾٸöÀý×Ó°É£¡
h1,h2,h2,h3,h5,h6 {
color: red; background:blue;
}
ÕâÑùËùÓеÄh±êÌâ±êÇ©µÄ×ÖÌåÑÕÉ«ÊǺìÉ«£¬±³¾°ÊÇÀ¶É«£»Ó¦¸ÃÇå³þÁ˰ɣ¡
css¼Ì³ÐÐÔµÄÎÊÌâ
×ÓÔªËØ¼Ì³Ð¸¸ÔªËØµÄ ......