ʹÓÃAnt¹¹½¨ÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ½Å±¾
ʹÓÃAnt¹¹½¨ÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
ʹÓÃAntÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
2010 Äê 01 ÔÂ 27 ÈÕ
ÌṩÁËÒ»¸öant½Å±¾£¬ËüÖ÷ÒªÓÃÓÚÅúÁ¿Ñ¹ËõÅú¶¨Ä¿Â¼ÏµÄjs¡¢cssÎļþ£¬´Ëant½Å±¾Ê¹Óõ½ÁË YUI Compressor¡¢antcontrib
.
Ant Contrib
Ö÷ҪʹÓÃËüËùÌṩµÄforeach¡¢propertyregexÕâÁ½¸ötarget
yui compressor ²Î¿¼×ÊÁÏ
ѹËõ»á´øÀ´µÄһЩÎÊÌâ²»·½±ã´íÎó¸ú×Ù£¬¼´Ê¹jsÅ×´íÎÒÃÇÔÙÒ²²»ÄÜÏñÍù³£ÄÇÑùÖ±½ÓÓÒ»÷²é¿´Ô´Îļþ¡£Ñ¹ËõÖ®ºójs´úÂë¿É¶ÁÐԷdz£²î£¬ÏàÓ¦µÄfunctionÃû³Æ¶¼»á±»¸Ä±ä£¬ÔÚÎÞÔ´ÎļþÇé¿ö϶ÔÁîÒ»¸öͬÊ»áÊÇÒ»¸ö¶ñÃΡ£
ÏÂÔØ½Å±¾Îļþ
Ïà¹ØÎĵµ£º
ÔÚcssÎļþÀï¼ÓÈë
@IMPORT url("dijit/themes/soria/soria.css");
@IMPORT url("dojo/resources/dojo.css");
½«soria.cssÖеÄ.soriaÈ«²¿Ì滻Ϊbody,ͬʱÔÚhtmlÀï²»ÓÃÔÙ¼Óclass="soria"
ʹÓÃÆäËü·ç¸ñÊ±Ìæ»»Â·¾¶dijit/themes/soria/soria.css¼´¿É ......
ÓÉÓÚä¯ÀÀÆ÷°æ±¾µÄ²»Í¬£¬¶ÔCSSÀïÄ³Ð©ÔªËØµÄ½âÊÍÒ²²»Ò»Ñù£¬²Å×Óµ±È»Ò²Åöµ½Í¬ÑùµÄÎÊÌ⣬ҲÊÕ¼¯ÁËһЩ½â¾ö·½·¨£¬²Å×Ó֮ǰÌù¹ýÁ½¸öÕë¶Ôä¯ÀÀÆ÷°æ±¾²»Í¬¶øÑ¡Ôñ²»Í¬CSSµÄ´úÂ룬ÓÐÐËȤµÄÅóÓÑ×Ô¼ºÕÒÕÒ°É¡£
ÆäʵÎÒÃÇ»¹¿ÉÒÔÀûÓÃÌõ¼þ×¢Ê͵ķ½·¨À´´ïµ½ÀàËÆµÄÄ¿µÄ£¬Ê²Ã´ÊÇÌõ¼þ×¢ÊÍ£¬²Å×ÓÒ²Ôڴ˼òµ¥½éÉÜһϣ¬Î޷ǾÍÊÇһЩifÅжÏÀ²£¬ºÇºÇ£¬ ......
1.»ù±¾Óï·¨
¡¡¡¡
¡¡¡¡CSSµÄ¶¨ÒåÊÇÓÉÈý¸ö²¿·Ö¹¹³É£ºÑ¡Ôñ·û£¨selector£©£¬ÊôÐÔ£¨properties£©ºÍÊôÐÔµÄȡֵ£¨value£©¡£
¡¡¡¡»ù±¾¸ñʽÈçÏ£º
¡¡¡¡selector { property: value}
¡¡¡¡£¨Ñ¡Ôñ·û { ÊôÐÔ£ºÖµ}£©
¡¡¡¡Ñ¡Ôñ·ûÊÇ¿ÉÒÔÊǶàÖÖÐÎʽ£¬Ò»°ãÊÇÄãÒª¶¨ÒåÑùʽµÄHTML±ê¼Ç£¬ÀýÈçBODY¡¢P¡¢TABLE……£¬Äã¿ÉÒÔÍ ......
CSS SpritesÆäʵ¾ÍÊǰÑÍøÒ³ÖÐһЩ±³¾°Í¼Æ¬ÕûºÏµ½Ò»ÕÅͼƬÎļþÖУ¬ÔÙÀûÓÃCSSµÄ“background-image”£¬“background- repeat”£¬“background-position”µÄ×éºÏ½øÐб³¾°¶¨Î»£¬background-position¿ÉÒÔÓÃÊý×ÖÄܾ«È·µÄ¶¨Î»³ö±³¾°Í¼Æ¬µÄλÖá£
Óŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈºÜ¾Ã¡£µ«ÊÇ ......
cssµÄdl dt ddµÄÓ¦Óãº
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content= ......