¹ØÓÚjs,cssÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖеļæÈÝÎÊÌâ
ÍøÒ³¿ª·¢ÈËÔ±¶¼ÖªµÀ,ÏÖÔÚµÄä¯ÀÀÆ÷¶Ô²»Í¬µÄjs,cssµÄ½âÎö²»¾¡Ïàͬ£¬ÌرðÊǣɣÅÔçÆÚ°æ±¾µÄ²»¹æ·¶.²»¹ýÒÔºó»áºÃһЩ£¬ÏÖÔÚµÄä¯ÀÀÆ÷а汾¶¼ÔÚÏò£×£³£Ã¿¿Â££®ÏÖÔÚÎÒÃÇÒª½â¾öµÄÊÇÏÖÔÚµÄÎÊÌ⣮
½â¾öcssºÍjsÕë¶Ô²»Í¬ä¯ÀÀÆ÷¼æÈݵÄÎÊÌâ
Ê×ÏÈ̸һÏÂä¯ÀÀÆ÷£¬ËäÈ»ÏÖÔÚieÒÀÈ»ÊÇä¯ÀÀÆ÷Êг¡µÄÀϴ󣬴óÔ¼Õ¼ÓÐ67%µÄ·Ý¶î£¬µ«ÊÇÓÉÓÚÆä¸÷·½ÃæµÄǷȱ£¬Óû§¿ªÊ¼Ñ¡ÔñÆäËûä¯ÀÀÆ÷×÷Ϊ×Ô¼ºä¯ÀÀÍøÒ³µÄÖ÷Òª ¹¤¾ß£¬±ÈÈçfirefox¡¢theworld¡¢maxthon¡¢chrome¡¢operaµÈµÈ£¬ÔÚÓû§Ê¹ÓñȽ϶àµÄä¯ÀÀÆ÷ÖУ¬·ÖΪ2´óÅÉϵ - ieÄں˺ͷÇieÄںˣ¬Ïñtheworld¡¢maxthon¡¢greenbrowerµÈµÈ¶¼ÊôÓÚieÄںˣ¬¶øfirefox¡¢chrome¡¢operaÔò Ϊ·ÇieÄںˣ¬ÖÚ¶àµÄä¯ÀÀÆ÷ʹÎÒÃǵÄweb³ÌÐò¾Í³öÏÖÁ˼æÈÝÎÊÌ⣬Ïñie¾ÍÓÐie 6¡¢ie7¡¢ie8Ö®·Ö£¬Í¬ÑùµÄÑùʽ¿ØÖƺÍjs½Å±¾£¬ÔÚ²»Í¬µÄie°æ±¾ÖÐÒ²»á³öÏÖ²»Í¬µÄЧ¹û£¬ÉõÖÁbug£¬ºÎ¿öÔÚ·ÇieÄں˵Äfirefox¡¢ chrome¡¢operaÁË¡£´ÓÊг¡·Ý¶î·ÖÎö£¬Ä¿Ç°ieÒÀÈ»ÊÇä¯ÀÀÆ÷Êг¡Àϴ󣬲¢»áÔںܳ¤Ò»¶Îʱ¼äÄÚºÜÄѸı䣬²»¹ýÎÒÃDz»ÄܺöÂÔfirefoxÒÔ¼°ÆäËûä¯ ÀÀÆ÷µÄ¿ìËٳɳ¤£¬Î´À´ÎÒÃÇûÓа취¹À¼Æ£¬ºÜ¶à³õ¼¶Óû§»¹Ã»Óп´µ½ÆäËû·ÇieÄں˵ÄÓÅÊÆ£¬µ±ËûÃÇ·¢ÏÖʱ£¬ÎÒÃǵÄÔÚÈ¥Âú×ãËûÃǵÄÐèÇóÊÇ·ñÒѾÍíÁËÄØ£¬ËùÒÔÎÒÃÇ ±ØÐë×öµ½¶àä¯ÀÀÆ÷µÄ¼æÈÝ¡£ÏÖÔÚÊг¡ÉÏ´ó¶àweb¿ª·¢×ÅÑ¡Ôñ¼æÈÝie7ºÍfirefox×÷ΪÖ÷Òª¼æÈݶÔÏó£¬ÕâÁ½¿îÒ²ÊÇÄ¿Ç°Óû§Ê¹ÓÃ×î¶àµÄ£¬ÄǺÃÎÒÃǾÍÖ÷Òª½² ¼æÈÝÕâÁ½¿îä¯ÀÀÆ÷¡£
ÖÚ¶àµÄä¯ÀÀÆ÷ʹÎÒÃǾÍÒªÃæÁÙ¶àÖÖä¯ÀÀÆ÷²âÊÔµÄÞÏÞΣ¬±ÈÈçieÔÚһ̨»úÆ÷ÉÏÖ»ÄÜ°²×°Ò»¸ö°æ±¾£¬ÎÒÃÇÒª²âÊÔ³ÌÐòÔÚie 3¸ö°æ±¾ÖеÄÏÔʾЧ¹û£¬¾ÍÒªÔÚ°²×°3¸ö°æ±¾µÄ»úÆ÷ÉÏ·Ö±ð²âÊÔ½«ÊÇÒ»¼þ·Ç³£·±ËöµÄÊÂÇ飬ÕâÀïÍƼöÒ»¿î¹¤¾ß£¬ietester¿ÉÒÔͬʱ²âÊÔ3¸ö°æ±¾µÄie³Ì Ðò£¬·Ç³£²»´í¡£ÖÁÓÚÆäËûä¯ÀÀÆ÷ÔÚͬһ̨»úÆ÷ÉÏ°²×°ÊÇûÓÐÎÊÌâµÄ£¬ËùÒÔÎÒÃÇ×¼±¸ºÃÁ˲âÊÔ»·¾³¡£
FirefoxÊÇÒ»¿îÓÐ×ŷḻ²å¼þµÄä¯ÀÀÆ÷£¬ÕâÀïÎÒÍƼö3¿îweb¿ª·¢ÈËÔ±±Ø±¸µÄ¿ª·¢¹¤¾ß - Firebug¡¢web developer¡¢ie tab¡£
Firebug ÊÇFirefoxϵÄÒ»¿î¿ª·¢Àà²å¼þ£¬ÏÖÊôÓÚFirefoxµÄÎåÐǼ¶Ç¿Á¦ÍƼö²å¼þÖ®Ò»¡£Ëü¼¯HTML²é¿´ºÍ±à¼¡¢Javascript¿ØÖÆ̨¡¢ÍøÂç×´¿ö¼à ÊÓÆ÷ÓÚÒ»Ì壬ÊÇ¿ª·¢JavaScript¡¢CSS¡¢HTMLºÍ AjaxµÄµÃÁ¦ÖúÊÖ¡£FirebugÈçͬһ°Ñ¾«ÇɵÄÈðÊ¿¾üµ¶£¬´Ó¸÷¸ö²»Í¬µÄ½Ç¶ÈÆÊÎöWebÒ³ÃæÄÚ²¿µÄϸ½Ú²ãÃ棬¸øWeb¿ª·¢Õß´øÀ´ºÜ´óµÄ±ãÀû¡£
Web Developer ²å¼þÒÔ¹¤¾ßÀ¸µÄÐÎʽ¶ÔÍøÒ³µÄ(X)HTML¡¢½Å±¾¡¢¶àýÌå¡¢CSS¡¢»º´æ¡¢Í¼ÏóµÈ¶à·½ÃæµÄʵÓù¤¾ß¡£Ê¹ÎÒÃÇÄÜÇáÒ׵ĻñµÃÍøÒ³µÄ¸ü¶àÐÅÏ¢£¬Ê¹ÎÒÃÇ
Ïà¹ØÎĵµ£º
JavaScript¶¯Ì¬¼ÓÔØCSSµÄÈýÖÖ·½·¨ ÊÕ²Ø
Èç¹ûÄãÓкܶà¹ØÁªµÄCSSÎļþÒªÒ»Æð¼ÓÔØ£¬»òÕßÏ붯̬µÄ¼ÓÔز»Í¬µÄCSSÎļþ£¬ÄÇôÏÂÃæµÄ·½·¨ÄãÒ»¶¨¶ÔÄãÓаïÖú¡£
µÚÒ»ÖÖ£ºÒ»°ãÓÃÔÚÍⲿCSSÎļþÖмÓÔرØÐëµÄÎļþ
³ÌÐò´úÂë
@import url(style.css);
/*Ö»ÄÜÓÃÔÚCSSÎļþÖлòÕßstyle±êÇ©ÖÐ*/
µÚ¶þÖÖ£º¼òµ¥µÄÔÚÒ³ÃæÖмÓÔØÒ» ......
Ò».ʹÓÃcssËõд
ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï
¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHTMLÖÐÄã¿ÉÒÔֻдwidth="100"£¬µ«ÊÇÔÚCSSÖУ¬Äã±ØÐë¸øÒ»¸ö׼ȷµÄµ¥
룬±ÈÈç:width: 100px width: ......
Çø±ð²»Í¬ä¯ÀÀÆ÷µÄCSS hackд·¨£º
Çø±ðIE6ÓëFF£º
background:orange;*background:blue;
Çø±ðIE6ÓëIE7£º
background:green !important;background:blue;
Çø±ðIE7ÓëFF£º
&nb ......
1.´ó´óËõ¼õÒ³Ãæ´úÂ룬Ìá¸ßÒ³Ãæä¯ÀÀËÙ¶È,Ëõ¼õ´ø¿í³É±¾;
2.½á¹¹ÇåÎú£¬ÈÝÒ×±»ËÑË÷ÒýÇæËÑË÷µ½£¬ÌìÉúÓÅ»¯ÁËseo
3.Ëõ¶Ì¸Ä°æʱ¼ä¡£Ö»Òª¼òµ¥µÄÐ޸ļ¸¸öCSSÎļþ¾Í¿ÉÒÔÖØÐÂÉè¼ÆÒ»¸öÓгɰÙÉÏǧҳÃæµÄÕ¾µã¡£
4.Ç¿´óµ ......
ÓÉÏÂÍùÉϵģº
<div id="demo" onmouseover="ij=1" style="border:1px solid gray; overflow: hidden; height: 119px; width:211px " onmouseout="ij=0">
<div id="demo1">1<br />2br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>
¿ÉÒÔÊÇÈκεÄHTMLÄÚÈÝ<br&g ......