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

DIV+CSSÏà¶ÔIE6 IE7ºÍIE8¼æÈÝÎÊÌâÕûÀí

1.Çø±ðIEºÍ·ÇIEä¯ÀÀÆ÷
#tip {
background:blue; /*·ÇIE ±³¾°藍É«*/
background:red \9; /*IE6¡¢IE7¡¢IE8±³¾°紅É«*/
}
2.Çø±ðIE6,IE7,IE8,FF
¡¾Çø±ð·ûºÅ¡¿£º¡¸\9¡¹¡¢¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
background:red \9; /*IE8 ±³¾°±äºìÉ«*/
*background:black; /*IE7 ±³¾°±äºÚÉ«*/
_background:orange; /*IE6 ±³¾°±äéÙÉ«*/
}
¡¾ËµÃ÷¡¿£ºÒòΪIEϵÁÐä¯ÀÀÆ÷¿É¶Á¡¸\9¡¹£¬¶øIE6ºÍIE7¿É¶Á¡¸*¡¹(Ã××ÖºÅ)£¬ÁíÍâIE6¿É±æÊ¶¡¸_¡¹(µ×Ïß)£¬Òò´Ë¿ÉÒÔÒÀÕÕ˳ÐòдÏÂÀ´£¬¾Í»áÈÃä¯ÀÀÆ÷ÕýÈ·µÄ¶ÁÈ¡µ½×Ô¼º¿´µÃ¶®µÃCSSÓï·¨£¬ËùÒԾͿÉÒÔÓÐÐ§Çø·ÖIE¸÷°æ±¾ºÍ·ÇIEä¯ÀÀÆ÷(ÏñÊÇFirefox¡¢Opera¡¢Google Chrome¡¢SafariµÈ)¡£
3.Çø±ðIE6¡¢IE7¡¢Firefox (·½·¨ 1)
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox±³¾°±äÀ¶É«*/
*background:black; /*IE7 ±³¾°±äºÚÉ«*/
_background:orange; /*IE6 ±³¾°±äéÙÉ«*/
}
¡¾ËµÃ÷¡¿£ºIE7ºÍIE6¿É¶Á¡¸*¡¹(Ã××ÖºÅ)£¬IE6ÓÖ¿ÉÒÔ¶Á¡¸_¡¹(µ×Ïß)£¬µ«ÊÇIE7È´ÎÞ·¨¶ÁÈ¡¡¸_¡¹£¬ÖÁÓÚFirefox(·ÇIEä¯ÀÀÆ÷)ÔòÍêÈ«ÎÞ·¨±æÊ¶¡¸*¡¹ºÍ¡¸_¡¹£¬Òò´Ë¾Í¿ÉÒÔ͸¹ýÕâÑùµÄ²îÒìÐÔÀ´Çø·ÖIE6¡¢IE7¡¢Firefox
4.Çø±ðIE6¡¢IE7¡¢Firefox (·½·¨ 2)
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸!important¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
*background:green !important; /*IE7 ±³¾°±äÂÌÉ«*/
*background:orange; /*IE6 ±³¾°±äéÙÉ«*/
}
¡¾ËµÃ÷¡¿£ºIE7¿ÉÒÔ±æÊ¶¡¸*¡¹ºÍ¡¸!important¡¹£¬µ«ÊÇIE6Ö»¿ÉÒÔ±æÊ¶¡¸*¡¹£¬È´ÎÞ·¨±æÊ¶¡¸!important¡¹£¬ÖÁÓÚFirefox¿ÉÒÔ¶ÁÈ¡¡¸!important¡¹µ«²»ÄܱæÊ¶¡¸*¡¹Òò´Ë¿ÉÒÔ͸¹ýÕâÑùµÄ²îÒìÀ´ÓÐÐ§Çø¸ôIE6¡¢IE7¡¢Firefox¡£
5.Çø±ðIE7¡¢Firefox
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸!important¡¹
¡¾Ê¾Àý¡¿£º
#tip {
background:blue; /*Firefox ±³¾°±äÀ¶É«*/
*background:green !important; /*IE7 ±³¾°±äÂÌÉ«*/
}
¡¾ËµÃ÷¡¿£ºÒòΪFirefox¿ÉÒÔ±æÊ¶¡¸!important¡¹µ«È´ÎÞ·¨±æÊ¶¡¸*¡¹£¬¶øIE7Ôò¿ÉÒÔͬʱ¿´¶®¡¸*¡¹¡¢¡¸!important¡¹£¬Òò´Ë¿ÉÒÔÁ½¸ö±æÊ¶·ûºÅÀ´Çø¸ôIE7ºÍFirefox¡£
6.Çø±ðIE6¡¢IE7 (·½·¨ 1)
¡¾Çø±ð·ûºÅ¡¿£º¡¸*¡¹¡¢¡¸_¡¹
¡¾Ê¾Àý¡¿£º
#tip 


Ïà¹ØÎĵµ£º

Android·¬ÍâÆª——XML layoutÓëCSS ×ªÔØ

   ¿ª·¢¹ýAndroidÓ¦ÓõÄͬѧÃǶ¼ÖªµÀ£¬Android¹¤³Ì-res-layout×ÊÔ´Îļþ¼ÐÏ´æ·Å×Å¿ØÖÆview²¼¾ÖµÄxmlÎļþ£¬ÎÒÃÇ¿ÉÒÔͬ¹ýgetViewById(int i)·½·¨£¬´ÓXMLÖй¹Ôìview¼°Æä×ÓÀ࣬ÔÚÕâ¸ö¹ý³Ìµ±ÖУ¬XMLÎļþÖеÄÒ»ÇÐlayoutÊôÐÔÒ²½«±»¸³ÓèÕâ¸öview¡£µ±È»£¬ÎÒÃÇÒ²Äܹ»Í¨¹ý´úÂëÀ´ÎªÄ³Ò»¸öviewÀ´ÉèÖÃlayout£¬ÄÇÊǺ󻰡£Í¨¹ý¶Ô¼ ......

div+cssä¯ÀÀÆ÷¼æÈÝÎÊÌâ½â¾ö·½·¨


div+cssä¯ÀÀÆ÷¼æÈÝÎÊÌâ½â¾ö·½·¨
´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃû. 
 
CSS¼¼ÇÉ
 
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß
line- ......

IE8 ²»Ö§³ÖCSS word wrapÊôÐÔ

     µ±Á¬ÐøÊäÈëÓ¢Óï×Ö·ûºó£¬ÓÉÓÚä¯ÀÀÆ÷ĬÈÏΪһ¸öµ¥´Ê£¬²¢²»»á»»Ðд¦Àí£¬ÔÚIE6/IE7 ÖУ¬ÎÒÃÇ¿ÉÒÔÌí¼ÓcssÖеÄword-wrap ÊôÐÔ£¬ÊµÏÖ×Ô¶¯»»ÐС£µ«ÊÇÔÚIE8 °æ±¾ÖУ¬¸ÃÊôÐÔ²»Ö§³Ö¡£
     ÎÒÃÇ¿ÉÒÔ²ÉÓÃÅжÏä¯ÀÀÆ÷°æ±¾ºó£¬Ê¹ÓÃJavaScript½øÐл»ÐС£
     if ($.br ......

div+cssѧϰ1


ÄÚÁªÊ½Ñùʽ±í
¶¨Ò壺ֱ½Ó¶Ôhtml±êǩдÑùʽ£¬È±µã£ºÈç¹û±êÇ©¹ý¶à£¬ÐèҪд¹ý¶àµÄÑùʽ
¹«Ê½£ºstyle="ÑùʽÊôÐÔ:ÊôÐÔµÄÖµ£»ÑùʽÊôÐÔ:ÊôÐÔµÄÖµ"
<p style="font-size:50px">aaaaaaaaa</p>
ǶÈëʽÑùʽ±í
ÌØµã£º½«¹«¹²µÄÑùʽдÔÚ“head”²¿·ÖÀïÃæµÄ¡£È±µã:Èç¹û¼ÓÔØÑùʽµÄÒ³Ãæ¶à£¬ÐèÒªÐ´ÖØ¸´ÄÚÈÝ¡£
¹« ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ