css hack
1. ÔÚFireFoxÏ£¬µ¼º½À¸¾ÓÖУ¬µ«Ö÷ÌåÄÚÈÝÀ¸È´ÊÇ×ó¶ÔÆë¡£
ÔÚdivÀïµÄÄÚÈÝ£¬IEĬÈÏΪcenter£¬¶øFireFoxĬÈÏΪleft¡£Èç¹ûÏëÒªÈÃÆä¾ÓÖУ¬¸ÕÐèÒªÔÚCSSÖÐÌí¼Ó£º
margin-left: auto; margin-right: auto;
ÕâÑù¾ÍÊǸæËßFireFox£¬×óÓÒÒ»Ö£¬ÊµÏÖ¾ÓÖС££¨¾Ý˵£¬Õâ²»ÊÇÍòÄܵġ£µ«Î񵀮¤·ô¾ÓÖÐÁË¡££©
2. ÔÚFireFoxÏ£¬ÓÐЩЧ¹û²»ÄܼæÈÝIEϵÄЧ¹û¡£ÀýÈ磬Îҵĵ¼º½ÒªÇóÖ®¼äÓÐ10pxµÄ¿í¶È£¨Èç¹ûBLOGÏÖÔ򵀮¤·ôÊÇ“SamTo”µÄ»°£¬¿ÉÒÔ¿´µ½Ð§¹û£©£¬µ«ÊÇFireFoxÈ´²»ÐС£
ÎÒÃÇ¿ÉÔÙÌí¼ÓÒ»¸öpadding-left:10px; ÈÃFireFoxʵÏÖÕâ¸öЧ¹û£¬µ«Äã»á·¢ÏÖÔÚIEÖУ¬Õâ¸öЧ¹ûµÄ¿í¶È±ä³ÉÁË20px¡£ÏÔÈ»£¬Õâ²¢²»·ûºÏÎÒµÄÒªÇó¡£
ÕâÀïÔÙÒª¸Ð̾һÏ£¬CSSµÄ¼æÈݺͱê×¼¡£Ê×ÏÈÀ´¿´Ò»Ï£¬Çø±ð²»Í¬ä¯ÀÀÆ÷£¬CSS hack µÄд·¨¡£
IE¶¼ÄÜʶ±ð *¡¡±ê×¼ä¯ÀÀÆ÷(ÈçFireFox)²»ÄÜʶ±ð *
IE6ÄÜʶ±ð *¡¡ µ«²»ÄÜʶ±ð !important
IE7ÄÜʶ±ð *¡¡ Ò²ÄÜʶ±ð !important
FF²»ÄÜʶ±ð *¡¡µ«ÄÜʶ±ð !important
IE6Ö§³ÖÏ»®Ïß _¡¡¡¡IE7ºÍFireFox¾ù²»Ö§³ÖÏ»®Ïß
CSSÖ§³ÖÓï·¨
IE6
IE7
FireFox
*
√
√
×
!important
×
√
√
_
√
×
×
ÔÚÊéдCSS´úÂëʱ£¬ÊéдµÄ˳ÐòΪFireFoxµÄдÔÚÇ°Ãæ£¬IE7µÄдÔÚÖм䣬IE6µÄдÔÚ×îºóÃæ¡£
ËùÒÔ£¬Îҵĵ¼º½µÄCSS´úÂë¾Íд³É£º
padding-left:10px; * padding-left:0px; _ padding-left:0px;
ÔÚÕâÀïûÓÐÓà !important£¬ÒòΪûÓÐЧ¹û¡£ÎÒÓÃ!importantµÄ½á¹û¾ÍÊÇ£¬IE6ºÍIE7²»¼æÈÝ£¬»òIE7ºÍFireFox²»¼æÈÝ¡£
תÌû×Ô“°Ù¶È¿Õ¼ä” http://hi.baidu.com/liuhuarun/blog/item/1a6fa8182bce30b34bedbc57.html
Ïà¹ØÎĵµ£º
ÔÚÐí¶àÍøÕ¾ÉÏÎÒÃÇ¿ÉÒÔ¿´µ½ºÜ¸öÐÔµÄÊó±êÖ¸Õë(cursor)£¬ÔÚÍøÒ³Éè¼ÆÖÐÓÃCSS¿ÉÒÔ·½±ãµÄʵÏÖÕâÑù¸öÐÔÊó±êÖ¸ÕëµÄЧ¹û,¸ÃCSSÊôÐÔ¾ÍÊÇ"cursor"ÊôÐÔ¡£
Ê×ÏÈÎÒÃǽéÉÜÒ»ÏÂϵͳ×Ô´øµÄ15¸öÊó±êЧ¹û£º
Ò»°ã¶øÑÔ£¬Êó±êÒÔбÏòÉϵļýÍ·ÏÔʾ£¬ÒƵ½Îı¾ÉÏʱ±äΪÓÐÍ·µÄÊúÏߣ¬ÒƵ½³¬¼¶Á´½ÓÉϱäΪÊÖÐÍ¡£µ«ÓÃcss¿É¿ØÖÆÊó±êµÄÏÔʾЧ¹û£¬Èç¿ÉʹÊó±ê ......
ÍøÉϹØÓÚÍ»³öÏÔʾµ±Ç°Ò³ÃæµÄÎÄÕÂÓв»ÉÙ£¬µ«ÊÇ»ù±¾¶¼ÊǹØÓÚʵÏÖ¾²Ì¬²Ëµ¥µÄ¸ßÁÁ£¬½²µ½¶¯Ì¬Éú³É²Ëµ¥¸ßÁÁµÄÎÄÕÂÖÁÉÙÎÒûÓÐÕÒµ½£¬ÔÚcsdnÉÏÎÊÁËÁ½Ì춼ûÓд𰸣¬×îºóÔÚһλÅóÓѵĻشðÖÐÕÒµ½Ë¼Â·£¬ÏÈÀûÓÃÒ»¸öº¯ÊýÅжϲ˵¥ÊÇ·ñÊÇÕýÔÚä¯ÀÀµÄµ±Ç°Ò³£¬È»ºó¸¶¸øliÒ»¸öid£¬ÀûÓÃcss²ãµþid´óÓÚclassµÄ¹ØÏµ£¬°ÑÕâ¸öid¶¨Òå³É¸ßÁÁÑùʽ¡£
aspx ......
css display µÄ²ÎÊýÁбí
Óï·¨£º
display : block | none | inline | compact | marker |
inline-table | list-item | run-in | table |table-caption |
table-cell | table-column | table-column-group |
table-footer-group | table-header-group | table-row | table-row-group
²ÎÊý£º
block : ¡¡CSS1¡¡¿é¶ ......
×¢ÊÍÓÃ/**/¡£
²»ÒªÔÚÊôÐÔÖµÓ뵥λ֮¼äÁôÓпոñ¡£¼ÙÈçÄãʹÓà “margin-left:20 px” ¶ø²»ÊÇ “margin-left:20px” (20ºÍpxÖ®¼äÓпոñ)£¬Ëü½öÔÚ IE 6 ÖÐÓÐЧ£¬µ«ÊÇÔÚ Mozilla/Firefox »ò Netscape ÖÐÈ´ÎÞ·¨Õý³£¹¤×÷¡£
ÍⲿÑùʽ±íÒýÓ÷½Ê½£º<link rel="stylesheet" type="text/css" href="mystyle.cs ......
CSSÎªÒ»Ð©ÌØÊâЧ¹û×¼±¸ÁËÌØ¶¨µÄ¹¤¾ß£¬ÎÒÃdzÆÖ®Îª“αÀà”¡£ÆäÖÐÓм¸ÏîÊÇÎÒÃǾ³£Óõ½µÄ£¬ÏÂÃæÎÒÃǾÍÏêϸ½éÉÜһϾ³£ÓÃÓÚ¶¨ÒåÁ´½ÓÑùʽµÄËĸöαÀ࣬ËüÃÇ·Ö±ðÊÇ£º
:link
:visited
:hover
:active
ÒòΪÎÒÃÇÒª¶¨ÒåÁ´ ......