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

CSS Hack

Ö»Õë¶Ôie6£¬ie7ºÍfirefoxµÄcsshack
×¢ÒⶼҪдÔÚÕý³£ÑùʽµÄºó±ß£¬³ý!important·½·¨ÔÚǰ±ß
---------------Õë¶ÔÑùʽÃû------------
Èç¹ûÖ»ÈÃie6¿´¼ûÓÃ*html .head{color:#000;}
Èç¹ûÖ»ÈÃie7¿´¼ûÓÃ*+html .head{color:#000;}
Èç¹ûÖ»ÈÃff¿´¼ûÓÃ:root body .head{color:#000;}
Èç¹ûÖ»ÈÃff¡¢IE8¿´¼ûÓÃhtml>/**/body .head{color:#000;}
Èç¹ûÖ»ÊDz»ÈÃie6¿´¼ûÓÃhtml>body .head{color:#000;} ¼´¶ÔIE 6ÎÞЧ
Èç¹ûÖ»ÊDz»ÈÃff¡¢IE8¿´¼ûÓÃ*body .head{color:#000;}    ¼´¶Ôff¡¢IE8ÎÞЧ
body>.head{color:#000}      IE7 8 ff ÓÐЧ
-------------Õë¶Ô¾ßÌåÊôÐÔ--------------
Èç¹ûÖ»ÈÃie6¿´¼ûÓÃ_     .head{_color:#000;}
Èç¹ûÖ»ÈÃie7¿´¼ûÓÃ+Óë_½áºÏµÄ·½·¨:     .head{+color:#f00;!;_color:#000;}
Èç¹ûÖ»ÊDz»ÈÃie6¿´¼ûÓà /**/   .head{color /**/:#000;}×¢ÒâÓпոñ,»òÕßÓÃ!important,д·¨: width:20px!important; width:50px;
Èç¹ûÖ»¶ÔffÎÞЧ/9   >.head{color:#000\9}  
--------------------------------------------------IE8Õýʽ°æhack---------------------------------
"\9"¡¡Àý:"margin:0px auto\9;".ÕâÀïµÄ"\9"¿ÉÒÔÇø±ðËùÓÐIEºÍFireFox.
"*"¡¡IE6¡¢IE7¿ÉÒÔʶ±ð.IE8¡¢FireFox²»ÄÜ.
"_"¡¡IE6¿ÉÒÔʶ±ð"_",IE7¡¢IE8¡¢FireFox²»ÄÜ.
È磺.a {color:#f00;     color:#f60\9;    +color:#00FF00;    _color:#0000FF; }
        ff                  IE8               IE7                  IE6


Ïà¹ØÎĵµ£º

css ý½éÀàÐÍ

ý½éÀàÐÍ(Media Types)ÔÊÐíÄ㶨ÒåÒÔºÎÖÖý½éÀ´Ìá½»Îĵµ£¬Îĵµ¿ÉÒÔ±»ÏÔʾÔÚÏÔʾÆ÷¡¢´òÓ¡»ú»òÕßÌý¾õä¯ÀÀÆ÷µÈµÈ¡£
ʵÀý
ÏÂÃæÕâ¸öÀý×ÓÖеÄÑùʽ¸æÖªä¯ÀÀÆ÷ÔÚÏÔʾÆ÷ÉÏÏÔʾ 14 ÏñËØµÄ Verdana ×ÖÌå¡£µ«ÊǼÙÈçÒ³ÃæÐèÒª±»´òÓ¡£¬½«Ê¹Óà 10 ¸öÏñËØµÄ Times ×ÖÌå¡£×¢Ò⣺font-weight ±»ÉèÖÃΪ´ÖÌ壬²»ÂÛÏÔʾÆ÷»¹ÊÇֽý½é£º
<%@ pa ......

¾«Ñ¡30¸öÓÅÐãµÄCSS¼¼ÊõºÍʵÀý

    ±¾ÎÄΪ´ó¼ÒÊÕ¼¯¾«Ñ¡ÁË30¸öʹÓô¿CSS
Íê³ÉµÄÇ¿´óʵ¼ùµÄÓÅÐãCSS¼¼ÊõºÍʵÀý
£¬Äú½«ÔÚÕâÀï·¢ÏֺܶàÓëÖÚ²»Í¬µÄ¼¼Êõ£¬±ÈÈç:ͼƬ¼¯¡¢ÒõӰЧ¹û¡¢¿ÉÀ©Õ¹°´Å¥¡¢²Ëµ¥µÈ…ÕâЩʵÀý¶¼ÊÇʹÓô¿CSSºÍHTMLʵÏֵġ£
µ¥»÷ÿ¸öʵÀýµÄ±êÌâ¿ÉÒÔ±»×ªÏòµ½¸Ã¼¼ÊõʵÀýµÄÏà¹Ø½Ì³Ì»ò˵Ã÷Ò³Ãæ(Ó¢ÎÄ)£¬µ¥»÷ÿ¸öʵÀýµÄͼƬ½ØÍ ......

css ×óÓÒMargin¼Ó±¶µÄÎÊÌâ

µ±div²ãΪfloatʱ£¬IE6ÖÐbox×óÓÒµÄmargin»á¼Ó±¶
±ÈÈ磺
<!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="text/htm ......

¹ØÓÚcssÑùʽѡÔñÆ÷

1.idÑ¡ÔñÆ÷
idÑ¡ÔñÆ÷µÄÃüÃûÓ¦¼á³ÖÌåÏÖÎĵµµÄ½á¹¹ºÍλÖá£
Èç:#header¡¢#footer¡¢#left µÈ
2.classÑ¡ÔñÆ÷
classÑ¡ÔñÆ÷µÄÃüÃûÓ¦¸ÃÌåÏÖÃû³ÆµÄÑùʽÃèÊöÐÔ¡£
È磺.red¡¢.underline µÈ
3.¶ÔÓÚÄ£¿éµÄÍâΧ½á¹¹ÔªËØ×îºÃÓÃidÊôÐÔ£¬ÄÚ²¿ÔªËØ¿ÉÒÔ¶¨ÒåclassÊôÐÔ£¬
ÒòΪÍâΧµÄ½á¹¹Ò»°ãʽΨһµÄ¡£¶øÄÚ²¿µÄÔªËØ¿ÉÄÜ»á³öÏÖÖØ¸´¡£
ÁíÍ ......

CSSºÐ×Óģʽȫ½â

±¾½Ì³ÌΪwww.sw-web.cnÍøÒ³Éè¼ÆÑ§ÔºÍÆ¼öÎÄÕÂ
Èç¹ûÄãÏë³¢ÊÔһϲ»Óñí¸ñÀ´ÅŰæÍøÒ³£¬¶øÊÇÓÃCSSÀ´ÅŰæÄãµÄÍøÒ³£¬Ò²¾ÍÊdz£ÌýµÄÓÃDIVÀ´±àÅÅÄãµÄÍøÒ³½á¹¹£¬ÓÖ»òÕß˵ÄãÏëÑ§Ï°ÍøÒ³±ê×¼Éè¼Æ£¬ÔÙ»òÕß˵ÄãµÄÉÏ˾ҪÄã¸Ä±ä´«Í³µÄ±í¸ñÅŰ淽ʽ£¬Ìá¸ßÆóÒµ¾ºÕùÁ¦£¬ÄÇôÄãÒ»¶¨Òª½Ó´¥µ½µÄÒ»¸ö֪ʶµã¾ÍÊÇCSSµÄºÐ×Óģʽ£¬Õâ¾ÍÊÇDIVÅŰæµÄºËÐÄË ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ