CSSä¯ÀÀÆ÷¼æÈÝÎÊÌâ´óÈ«
¡¡¡¡1¡¢firefoxϸ¸ÈÝÆ÷µÄ¸ß¶È×ÔÊÊÓ¦
¡¡¡¡height:100%; overflow:auto;
¡¡¡¡2¡¢IE6µÄË«±¶±ß¾àBUG
¡¡¡¡display:inline
¡¡¡¡3¡¢³¬Á´½Ó·ÃÎʹýºóhoverÑùʽ²»³öÏÖµÄÎÊÌâ
¡¡¡¡¸Ä±äCSSÊôÐÔµÄÅÅÁÐ˳Ðò: L-V-H-A
¡¡¡¡4.FFÏÂʹÁ¬Ðø³¤×Ö¶Î×Ô¶¯»»ÐÐ
¡¡¡¡IEÖÐÖ±½ÓʹÓÃword-wrap:break-word
¡¡¡¡FFÖÐÎÒÃÇʹÓÃJS²åÈëµÄ·½·¨À´½â¾ö
¡¡¡¡ÏÈдËĸö£¬ÒÔºóÓÐÁË·ÏßÌí¼Ó
1.IE6.0,ie7.0ÓëFirefoxµÄCSS¼æÈÝÐÔÎÊÌâ1.DOCTYPE Ó°Ïì CSS ´¦Àí
¡¡¡¡2.FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ¾ÓÖÐ, IE ²»ÐÐ
¡¡¡¡3.FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ
¡¡¡¡4.FF: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ width, µ« IE ²»»á, ¹ÊÐèÒªÓà !important ¶àÉèÒ»¸ö height ºÍ width
¡¡¡¡5.FF: Ö§³Ö !important, IE ÔòºöÂÔ, ¿ÉÓà !important Ϊ FF ÌرðÉèÖÃÑùʽ£¬ÖµµÃ×¢ÒâµÄÊÇ£¬Ò»¶¨Òª½«xxxx !important Õâ¾ä·ÅÖÃÔÚÁíÒ»¾äÖ®ÉÏ
¡¡¡¡6.div µÄ´¹Ö±¾ÓÖÐÎÊÌâ: vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚÈݲ»Òª»»ÐÐ
¡¡¡¡7.cursor: pointer ¿ÉÒÔͬʱÔÚ IE FF ÖÐÏÔʾÓαêÊÖָ״£¬ hand ½ö IE ¿ÉÒÔ
¡¡ 8.FF: Á´½Ó¼Ó±ß¿òºÍ±³¾°É«£¬ÐèÉèÖà display: block, ͬʱÉèÖà float: left ±£Ö¤²»»»ÐС£²ÎÕÕ menubar, ¸ø a ºÍ menubar ÉèÖø߶ÈÊÇΪÁ˱ÜÃâµ×±ßÏÔʾ´íλ, Èô²»Éè height, ¿ÉÒÔÔÚ menubar ÖвåÈëÒ»¸ö¿Õ¸ñ¡£
¡¡¡¡9.ÔÚmozilla firefoxºÍIEÖеÄBOXÄ£ÐͽâÊͲ»Ò»Öµ¼ÖÂÏà²î2px½â¾ö·½·¨£ºdiv{margin:30px!important;margin:28px;}
¡¡¡¡×¢ÒâÕâÁ½¸ömarginµÄ˳ÐòÒ»¶¨²»ÄÜд·´£¬¾Ý°¢½ÝµÄ˵·¨!importantÕâ¸öÊôÐÔIE²»ÄÜʶ±ð£¬µ«±ðµÄä¯ÀÀÆ÷¿ÉÒÔʶ±ð¡£ËùÒÔÔÚIEÏÂÆäʵ½âÊͳÉÕâÑù£ºdiv{maring:30px;margin:28px}
¡¡¡¡Öظ´¶¨ÒåµÄ»°°´ÕÕ×îºóÒ»¸öÀ´Ö´ÐУ¬ËùÒÔ²»¿ÉÒÔֻдmargin:XXpx!important;
¡¡¡¡10.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ºÍf
Ïà¹ØÎĵµ£º
²âÊÔ»·¾³£ºIE6 , IE7, IE8, FF3.0
±í´ï·½Ê½£º±í´ï·½Ê½£º
body { `background:red }
body { ~background:red }
body { !background:red }
body { @background:red }
body { #background:red }
body { $background:red }
body { %background:red }
body { ^b ......
1.span µÄ overflow :hidden width:70px ; display:block(Ò»µãÒª¼ÓÉÏdivµÄ»°²»Óüӣ©
2.js¶¯Ì¬»»±³¾°,»»±³¾° style.backgroundImage = "url('images/bg1.jpg')";
3.ÓÃonFocus="this.blur()"À´Ïû³ýÁ´½ÓºóµÄ½¹µãÐéÏß¿ò
4. onMouseOver onMouseOut onClick Èý¸öʱ¼äÔÚÒ» ......
³£ÓõÄÍøÕ¾ÃüÃû ÊÕ²Ø
1.CSS ID µÄÃüÃû
ҳͷ£ºheader
µÇ¼Ìõ£ºloginbar
±êÖ¾£ºlogo
²àÀ¸£ºsidebar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubnav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubmenu
ËÑË÷£ºsearch
¹ö¶¯£ºscroll
Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent
±êÇ©Ò³£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips
À¸Ä¿±êÌâ ......
ÔͼÊÇÖ¸ÓÃpsÉè¼Æ³öÀ´ÓÉͼ²ãÕûºÏ¶ø³ÉµÄ×îÖÕµÄÉè¼Æͼ¡£
FSCapture.exeµÄ²¶×½»î¶¯´°¿ÚµÄ¿ì½Ý¼üÊÇF2
ÈçºÎÈ¥µô±³¾°Í¼ÉϵÄ×Ö£¿
ʹÓÃÇÐƬ¹¤¾ß°ÑͼƬÉϵÄËùÓÐͼƬÇÐÏÂÀ´ÒÔºó£¬Í¨¹ý“Îļþ|´æ´¢ÎªWebËùÓøñʽ”£¬Ñ¡Ôñ“´æ´¢”£¬ÔÚ“ÇÐƬ”ÏÂÑ¡Ôñ“ËùÓÐÇÐƬ”£¨Ñ¡ÖеÄÇÐƬֻÓе±Ç°µÄÒ»¸ö£ ......