ʲôÊÇCSS HACK,HACKµÄ´¦Àí·½Ê½
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ȥд²»Í¬µÄCSS£¬ÈÃËüÄܹ»Í¬Ê±¼æÈݲ»Í¬µÄä¯ÀÀÆ÷£¬ÄÜÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖÐÒ²Äܵõ½ÎÒÃÇÏëÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷д²»Í¬µÄCSS codeµÄ¹ý³Ì£¬¾Í½ÐCSS hack,Ò²½ÐдCSS hack¡£
¡¡¡¡
CSS HackµÄÔÀí:
¡¡¡¡ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷¶ÔCSSµÄÖ§³Ö¼°½âÎö½á¹û²»Ò»Ñù£¬»¹ÓÉÓÚCSSÖеÄÓÅÏȼ¶µÄ¹ØÏµ¡£ÎÒÃǾͿÉÒÔ¸ù¾ÝÕâ¸öÀ´Õë¶Ô²»Í¬µÄä¯ÀÀÆ÷À´Ð´²»Í¬µÄCSS¡£
¡¡¡¡±ÈÈç IE6ÄÜʶ±ðÏ»®Ïß"_"ºÍÐǺÅ" * "£¬IE7ÄÜʶ±ðÐǺÅ" * "£¬µ«²»ÄÜʶ±ðÏ»®Ïß"_"£¬¶øfirefoxÁ½¸ö¶¼²»ÄÜÈÏʶ¡£µÈµÈ
¡¡¡¡Êéд˳Ðò£¬Ò»°ãÊǽ«Ê¶±ðÄÜÁ¦Ç¿µÄä¯ÀÀÆ÷µÄCSSдÔÚºóÃæ¡£ÏÂÃæÈçºÎдÀïÃæËµµÃ¸üÏêϸЩ¡£
¡¡¡¡ÈçºÎдCSS Hack
¡¡¡¡±ÈÈçÒª·Ö±æIE6ºÍfirefoxÁ½ÖÖä¯ÀÀÆ÷£¬¿ÉÒÔÕâÑùд£º
¡¡¡¡<style>
¡¡¡¡div{
¡¡¡¡background:green; /* for firefox */
¡¡¡¡*background:red; /* for IE6 */
¡¡¡¡}
¡¡¡¡</style>
¡¡¡¡ÎÒÔÚIE6Öп´µ½ÊǺìÉ«µÄ£¬ÔÚfirefoxÖп´µ½ÊÇÂÌÉ«µÄ¡£
¡¡¡¡½âÊÍһϣº
¡¡¡¡ÉÏÃæµÄcssÔÚfirefoxÖУ¬ËüÊÇÈÏʶ²»Á˺óÃæµÄÄǸö´øÐǺŵĶ«¶«ÊÇʲôµÄ£¬ÓÚÊǽ«Ëü¹ýÂ˵ô£¬²»ÓèÀí²Ç£¬½âÎöµÃµ½µÄ½á¹ûÊÇ:div{background:green},ÓÚÊÇÀíËùµ±È»Õâ¸ödivµÄ±³¾°ÊÇÂÌÉ«µÄ¡£
¡¡¡¡ÔÚIE6ÖÐÄØ£¬ËüÁ½¸öbackground¶¼ÄÜʶ±ð³öÀ´£¬Ëü½âÎöµÃµ½µÄ½á¹ûÊÇ:div{background:green;background:red;},ÓÚÊǸù¾ÝÓÅÏȼ¶±ð£¬´¦ÔÚºóÃæµÄredµÄÓÅÏȼ¶¸ß£¬ÓÚÊǵ±È»Õâ¸ödivµÄ±³¾°ÑÕÉ«¾ÍÊǺìÉ«µÄÁË¡£
¡¡¡¡CSS hack:Çø·ÖIE6£¬IE7£¬firefox
¡¡¡¡Çø±ð²»Í¬ä¯ÀÀÆ÷£¬CSS hackд·¨£º
¡¡¡¡Çø±ðIE6ÓëFF£º
¡¡¡¡background:orange;*background:blue;
¡¡¡¡Çø±ðIE6ÓëIE7£º
¡¡¡¡background:green !important;background:blue;
¡¡¡¡Çø±ðIE7ÓëFF£º
¡¡¡¡background:orange; *background:green;
¡¡¡¡Çø±ðFF£¬IE7£¬IE6£º
¡¡¡¡background:orange;*background:green;_background:blue;
¡¡¡¡background:orange;*background:green !important;*background:blue;
&
Ïà¹ØÎĵµ£º
CSS SpritesÆäʵ¾ÍÊǰÑÍøÒ³ÖÐһЩ±³¾°Í¼Æ¬ÕûºÏµ½Ò»ÕÅͼƬÎļþÖУ¬ÔÙÀûÓÃCSSµÄ“background-image”£¬“background- repeat”£¬“background-position”µÄ×éºÏ½øÐб³¾°¶¨Î»£¬background-position¿ÉÒÔÓÃÊý×ÖÄܾ«È·µÄ¶¨Î»³ö±³¾°Í¼Æ¬µÄλÖá£
Óŵ㣺
µ±Óû§ÍùUÅÌÖп½200ÕÅͼƬ£¬»áµÈºÜ¾Ã¡£µ«ÊÇ ......
ʹÓÃAnt¹¹½¨ÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
ʹÓÃAntÅúÁ¿Ñ¹Ëõjs¡¢cssÎļþ
2010 Äê 01 ÔÂ 27 ÈÕ
ÌṩÁËÒ»¸öant½Å±¾£¬ËüÖ÷ÒªÓÃÓÚÅúÁ¿Ñ¹ËõÅú¶¨Ä¿Â¼ÏµÄjs¡¢cssÎļþ£¬´Ëant½Å±¾Ê¹Óõ½ÁË YUI Compressor¡¢antcontrib
.
Ant Contrib
Ö÷ҪʹÓÃËüËùÌṩµÄforeach¡¢propertyregexÕâÁ½¸ötarget
yui compressor ²Î¿¼×ÊÁÏ
ѹËõ»á´ø ......
Zen Coding: Ò»ÖÖ¿ìËÙ±àдHTML/CSS´úÂëµÄ·½·¨
À´Ô´£ºhttp://www.javaeye.com/news/13149
Òë×Ô£ºSmashing Magazine
ÖÐÎÄ£ºZen Coding: Ò»ÖÖ¿ìËÙ±àдHTML/CSS´úÂëµÄ·½·¨
ÔÚ±¾ÎÄÖÐÎÒÃǽ«Õ¹Ê¾Ò»ÖÖеÄʹÓ÷ÂCSSÑ¡ÔñÆ÷µÄÓï·¨À´¿ìËÙ¿ª·¢HTMLºÍCSSµÄ·½·¨¡£ËüÓÉSergey Chikuyonok¿ª·¢¡£
ÄãÔÚдHTML´úÂë(°üÀ¨ËùÓбêÇ©¡¢ÊôÐÔ¡¢ ......
Ê×ÏȽéÉÜÒ»ÏÂeidtarea£º
EditAreaÊÇÒ»¸öjavascriptÔ´´úÂë±à¼Æ÷¡£Ö§³Ö£ºÎı¾¸ñʽ»¯£¬ËÑË÷ÓëÌæ»»£¬ÊµÊ±Óï·¨×ÅÉ«¼ÓÁÁ¡£µ±Ç°Ö§³ÖµÄÓïÑÔ°üÀ¨£ºPHP¡¢CSS¡¢
Javascript¡¢Python¡¢HTML¡¢XML¡¢VB¡¢C¡¢CPP¡¢SQL¡¢Pascal¡¢Basic¡¢Brainf*ck
ÏÂÔØµØÖ·£ºhttp://sourceforge.net/projects/editarea/
¿ÉÒÔ×÷ΪºÜºÃµÄÔÚÏ༹߱¤¾ß ......
¶ÔÓÚÒþ²ØÎÄ×Ö & ÄÚÈÝ£¬ÍøÉÏÒÑÓв»ÉÙCSS·½·¨¿ÉÒÔʵÏÖ£¬ÏÖ×ܽἸÌõʵÓõÄÒþ²ØÐ§¹ûÈçÏ£º
¼ÙÈçÐèÒªÒþ²ØµÄ¶ÔÏóÊÇ£º
<h1 id="header"><span class="texthidden">this text need to be hidden.</span></h1>
Òþ²ØÕâÒ»²¿·ÖµÄcss·½·¨Ò»°ãÓÐÁùÖÖ£º
1¡¢display:none;
/* Ëü¿ÉÒÔʹ°üÀ¨ÈÝÆ÷± ......