ÍøÂçѧԺ

w3pop.com :: ÍøÂçѧԺ :: WEBÉè¼Æ×ÛºÏ :: CSS¼æÈÝÒªµã

»áÔ±µÇ½

ÕʺÅ

ÃÜÂë

»Ø´ð

¼ÇסÃÜÂë

Íü¼ÇÃÜÂë? ×¢²á

WEBÉè¼Æ×ÛºÏ
CSS´¦Àí±í¸ñ±ß¿ò
DIV+CSSÍøÒ³²¼¾Ö³..
ÓÅ»¯WEBÓ¦Óõķ½·..
°ÑXHTML+CSSÒ³Ãæ×..
CSS¼æÈÝÒªµã
CSSµÄÈýÖÖÑ¡ÔñÆ÷
¿çä¯ÀÀÆ÷µÄCSS¹Ì¶..
shtml¾«¼ò½Ì³Ì
Ê×Ò³head´úÂë¹æ·¶
µ¼º½Ò³ÓÃCSS±êÖ¾µ..
z-indexµÄIEÖ®ÂÃ
ÓÃCSS°´±ÈÀýËõСÍ..
Õë¶ÔIE6¡¢IE7ºÍFi..
ϸÏß±í¸ñÖÆ×÷·½·¨
meta±êÇ©´ó×÷ÓÃ
ÍøÒ³±³¾°Éè¼Æ
Ò³Ãæ¿ØÖƳöÏֵij£..
ÖØ¹¹¡¢±ê×¼¡¢²¼¾Ö
ÍøÒ³Éè¼ÆÖÐHTML³£..
HTML³¬Îı¾±ê¼ÇÓï..

CSS¼æÈÝÒªµã


×÷Õß:chinahtml.com ·­Òë/ÕûÀí:w3pop.com ·¢²¼:2007-05-31 ä¯ÀÀ:9314 :: ::

IE vs FF

CSS
¼æÈÝÒªµã£º

DOCTYPE Ó°Ïì CSS ´¦Àí

FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ­¾ÓÖÐ, IE ²»ÐÐ

FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ

FF: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ width, µ« IE ²»»á, ¹ÊÐèÒªÓà !important ¶àÉèÒ»¸ö height ºÍ width

FF:
Ö§³Ö !important, IE ÔòºöÂÔ, ¿ÉÓà !important Ϊ FF ÌØ±ðÉèÖÃÑùʽ

div µÄ´¹Ö±¾ÓÖÐÎÊÌâ: vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚÈݲ»Òª»»ÐÐ

cursor: pointer ¿ÉÒÔͬʱÔÚ IE FF ÖÐÏÔʾÓαêÊÖָ״£¬ hand ½ö IE ¿ÉÒÔ

FF: Á´½Ó¼Ó±ß¿òºÍ±³¾°É«£¬ÐèÉèÖà display: block, ͬʱÉèÖà float: left ±£Ö¤²»»»ÐС£²ÎÕÕ menubar, ¸ø a ºÍ menubar ÉèÖø߶ÈÊÇΪÁ˱ÜÃâµ×±ßÏÔʾ´íλ, Èô²»Éè height, ¿ÉÒÔÔÚ menubar ÖвåÈëÒ»¸ö¿Õ¸ñXHTML+CSS¼æÈÝÐÔ½â¾ö·½°¸Ð¡¼¯

ʹÓÃXHTML£«CSS¹¹¼ÜºÃ´¦²»ÉÙ£¬µ«Ò²È·Êµ´æÔÚһЩÎÊÌ⣬²»ÂÛÊÇÒòΪʹÓò»ÊìÁ·»¹ÊÇ˼·²»ÇåÎú£¬ÎÒ¾ÍÏȰÑһЩÎÒÓöµ½µÄÎÊÌâдÔÚÏÂÃæ£¬Ê¡µÄ´ó¼ÒËÄ´¦ÕÒ^^

1.
ÔÚmozilla firefoxºÍIEÖеÄBOXÄ£ÐͽâÊͲ»Ò»Öµ¼ÖÂÏà²î2px½â¾ö·½·¨£º

div{margin:30px!important;margin:28px;}

×¢ÒâÕâÁ½¸ömarginµÄ˳ÐòÒ»¶¨²»ÄÜд·´£¬¾Ý°¢½ÝµÄ˵·¨!importantÕâ¸öÊôÐÔIE²»ÄÜʶ±ð£¬µ«±ðµÄä¯ÀÀÆ÷¿ÉÒÔʶ±ð¡£ËùÒÔÔÚIEÏÂÆäʵ½âÊͳÉÕâÑù£º

div{maring:30px;margin:28px}

ÖØ¸´¶¨ÒåµÄ»°°´ÕÕ×îºóÒ»¸öÀ´Ö´ÐУ¬ËùÒÔ²»¿ÉÒÔֻдmargin:XXpx!important;

2.IE5 ºÍIE6µÄBOX½âÊͲ»Ò»Ö£º

IE5ÏÂdiv{width:300px;margin:0 10px 0 10px;}¡£divµÄ¿í¶È»á±»½âÊÍΪ300px-10px(ÓÒÌî³ä)-10px(×óÌî³ä)×îÖÕdivµÄ¿í¶ÈΪ280px£¬¶øÔÚIE6ºÍÆäËûä¯ÀÀÆ÷ÉÏ¿í¶ÈÔò ÊÇÒÔ300px+10px(ÓÒÌî³ä)+10px(×óÌî³ä)=320pxÀ´¼ÆËãµÄ¡£ÕâʱÎÒÃÇ¿ÉÒÔ×öÈçÏÂÐ޸ģº

div{width:300px!important;width /**/:340px;margin:0 10px 0 10px}£¬¹ØÓÚÕâ¸ö/**/ÊÇʲôÎÒÒ²²»Ì«Ã÷°×£¬Ö»ÖªµÀIE5ºÍfirefox¶¼Ö§³Öµ«IE6²»Ö§³Ö£¬Èç¹ûÓÐÈËÀí½âµÄ»°£¬Çë¸æËßÎÒÒ»Éù£¬Ð»ÁË£¡£º£©

3.ul±êÇ©ÔÚMozillaÖÐĬÈÏÊÇÓÐpaddingÖµµÄ,¶øÔÚIEÖÐÖ»ÓÐmarginÓÐÖµËùÒÔÏȶ¨Ò壺

ul{margin:0;padding:0;}

¾ÍÄܽâ¾ö´ó²¿·ÖÎÊÌâ

4.¹ØÓڽű¾£¬ÔÚxhtml1.1Öв»Ö§³ÖlanguageÊôÐÔ£¬Ö»ÐèÒª°Ñ´úÂë¸ÄΪ£º

<script type="text/javascript">

ÆÀÂÛ (0) All