DIV+CSSÉñ»°
×÷Ϊһ¸öÉí´¦ 2009ÄêµÄ Web Éè¼ÆÊ¦£¬ÄãÊÇ·ñºÃÒâ˼³ÐÈÏ×Ô¼ºµÄ´úÂëÖÐʹÓÃÁË Table£¬Èç¹ûÊÇ£¬ÄãÊÇÒ»¸öÓÐÓÂÆøµÄÈË£¬
Web Éè¼ÆÊǸöÆæ¹ÖµÄÐÐÒµ£¬Äã¿ÉÒÔ½«×Ô¼ºµÄÍøÕ¾Éè¼ÆµÃÏñÍí±¨µÄ·ÖÀà¹ã¸æ£¬»òÕßÂ¥µÀÀïµÄ¿ªËø¹ã¸æ£¬µ«Ç§Íò±ðÈÃÈËÖªµÀ
ÄãʹÓÃÁË Table£¬ÔÚÄãµÄÔ´´úÂëÖз¢ÏÖ Table ¾ÍÏñÒ»¸öÏúÊÛ±»ÈËÏÆÆð¿ã½Å·¢ÏÖ´©Á˰×Íà×ÓÒ»Ñù¡£
Table ÊÇÈç´Ë³óª£¬Ó·Ö×£¬ÄÄÅÂÖ»ÏÔʾһ¶Î¼òµ¥µÄÄÚÈÝ£¬ÄãÒ²ÐèÒª <table><tr><td> ÕâÈý¸ö»ù±¾µÄ±êÇ©£¬Ã¿¸ö±êÇ©Àï
Ãæ»¹Òª¼ÓÉÏÒ»¶ÑÂÒÆß°ËÔãµÄÊôÐÔ£¬²»Ïñ<div>£¬¼È¼òµ¥£¬ÓÖÕû½à£¬ÓÖʱÉУ¬ËüºÍ CSS ÖéÁªèµºÏ£¬ÇÙɪºÍг£¬ËüÃǹ¹³É×î
ÍêÃÀµÄ Box Ä£ÐÍ£¬ËûÃÇÏóÏÖʵÖеÄÏä×Ó£¬Äã°Ñ¶«Î÷·Å½øÈ¥£¬È»ºó£¬ºÜ×ÔÓɵضÔËûÃǽøÐÐÅÅÁУ¬Ñá·³ÁËÒ»ÖÖ²¼¾Ö£¬Ã»¹Ø
ϵ£¬¼òµ¥µØ¸Ä¶¯Ò»Ï CSS ¶¨Ò壬һÖÖȫеIJ¼¾Ö±ãµ®ÉúÁË£»²»Ïó Table£¬Table ÏñʳÌÃÀïµÄ²Í¾ß¹ñ£¬Ò»ÅÅÅÅ£¬Ò»ÁÐÁÐ
£¬ÍÁÀïÍÁÆø£¬ÓÍÄåÄåµÄ£¬ÏóÎÒÃǵĸ¸±²£¬åååÝ£¬Ê²Ã´¶¼Íù¼ÒÀïÄ㬺úÂÒ¶ÑÔÚ½ÇÂäÀÈç¹û Div ÊÇС×Ê£¬Table ¾ÍÊÇÀÏ
Èý½ì£¬ËûÃDz»ÊôÓÚÕâ¸öʱ´ú¡£
Ò²¾ÍÊǽü¼¸ÄêµÄÊ£¬ÖÁ¶à²»¹ýÈýÎåÄ꣬W3CÊÇÒ»¸öÈËÈ˶¼ÈÏÎªÖØÒªµ«ÈËÈ˶¼²»Ï²»¶µÄ×éÖ¯£¬ËûÃǵĹٷ½ÍøÕ¾Ê®·Ö³óª£¬
ÎÒ¸Ò˵ƽÉúû¼û¹ýÕâô³óªµÄÍøÕ¾£¬µ«ËûÃǵÄÍøÕ¾ÊÇΪÊý²»¶àµÄ¿ÉÒÔͨ¹ýÈ«²¿W3C±ê×¼ÑéÖ¤µÄÍøÕ¾£¬ÕâÒâζ×Å£¬ËûÃǵÄ
ÍøÕ¾ÔÚÓï·¨ÉÏ£¬ÔڽṹÉÏ£¬ÔÚ¿É·ÃÎÊÐÔÉÏÊÇÍêÃÀµÄ£¬ËäÈ»ÒÀ¾ÉÊ®·Ö³óª¡£²»¹ýÕâÊÇЦ̸£¬W3C·Ç³£ÖØÒª£¬·ñÔò΢Èí»á°Ñ
È«Ìå Web ¿ª·¢¹¤³Ìʦ´øµ½Íò½Ù²»¸´µÄ¾³µØ£¬»¹ºÃ£¬Netscape ËÀºó£¬ÄùÅͳö Firefox£¬¶ø Opera ÔÚ Firefox ºá¿Õ³öÊÀ
Ö®ºóËäȻûµÃµ½Èκκô¦£¬ÖÁÉٵõ½Á˾«ÉñÉϵÄÖ§³Ö£¬¿´µ½Ã»£¬ÖÕÓÚÓдó¸ç³öÀ´ÊÕʰÄã¡£ÇDz¼Ë¹¸´³öºó£¬Æ»¹ûÖØ·µÎôÈÕ
µÄ¹â⣬ÕâʱÈËÃDzÅÖªµÀÊÀ½çÉÏ»¹ÓÐÒ»¸ö½Ð×ö Safari µÄä¯ÀÀÆ÷£¬ËùÓÐÕâÒ»ÇмÓÔÚÒ»Æð£¬Èà W3C ÕæÕýÓÐÁË´æÔڵıØÒª
¡£
W3C ˵£¬Table ¿ÉÒÔÓÃÀ´ÈÝÄÉÎÄ×Ö£¬¸ñʽÎÄ×Ö£¬Í¼Æ¬£¬Á´½Ó£¬±íµ¥£¬ÒÔ¼°ÆäËü Table ... µ«ÊÇ£¬Table ²»Ó¦¸Ãµ¥´¿ÓÃ
À´×öÍøÒ³²¼¾Ö£¨Tables should not be used purely as a means to layout document content£©£¬ÀíÓÉÊÇ£¬µ± Web
±»·Ç¿ÉÊÓ»¯É豸äÖȾµÄʱºò£¬Table »á³öÏÖÎÊÌ⣬ËûÃÇÖ¸¶¨ÊÇÆÁÄ»ÔĶÁÆ÷ÒÔ¼°Ã¤ÎÄä¯ÀÀÆ÷£¬ÁíÍ⣬Table ÔÚ´óÐÍÏÔʾÉè
±¸ÉÏ»áÇ¿ÆÈÓû§×óÓÒ¹ö¶¯£¬Òò´Ë£¬Web Éè¼ÆÕßÓ¦¸ÃʹÓà CSS ¶ø²»ÊÇ Table¡£²Î¼û W3C HTML 4.01 ¹ØÓÚ Table µÄ¶¨Òå
¡£ W3C ˵Õâ¶Î»°µÄʱºò£¬ÊÇ1999Äê12ÔÂ24ÈÕ£¬ÄÇʱ¾¡¹Ü CSS ÔçÒѵ®Éú£¬µ«
Ïà¹ØÎĵµ£º
ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ȥд²»Í¬µÄCSS£¬ÈÃËüÄܹ»Í¬Ê±¼æÈݲ»Í¬µÄä¯ÀÀÆ÷£¬ÄÜÔÚ²»Í¬µÄä¯ ......
CSS Hack ÊÇÔÚ±ê×¼ CSS û°ì·¨¼æÈݸ÷ä¯ÀÀÆ÷ÏÔʾЧ¹ûʱ²Å»áÓÃÉϵIJ¹¾È·½·¨,ÔÚ¸÷ä¯ÀÀÆ÷³§É̽âÎö CSS ûÓдï³ÉÒ»ÖÂǰ,ÎÒÃÇÖ»ÄÜÓÃÕâÑùµÄ·½·¨À´Íê³ÉÕâÑùµÄÈÎÎñ¡£ÍøÉÏÄã¿ÉÄÜÄÜËÑË÷µ½Ò»´ó¶ÑµÄ CSS Hack£¬µ«ÊÇÎÒ½ñÌì·¢²¼µÄÄã¿ÉÄܲ¢²»¶¼ºÜÁ˽⣬ÒòΪÕâЩ¶¼ÊÇÖ»Õë¶Ôµ¥¶ÀÒ»¸öä¯ÀÀÆ÷µÄ CSS Hack¡£
ΪÁËÏòÄãչʾÕâЩ CSS Hack ÊÇ·ñÕý³£Ô ......
¡¾Web¡¿css¼æÈÝÓë²î±ð¡¡IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-16 18:50
¡¾Web¡¿css¼æÈÝÓë²î±ð¡¡IE6,IE7,IE8,FireFox,Opera,Safari
2010-01-13 11:07
ÍâÖÃ
.main{ float:left;#float:none;_float:none;
html*.main{ float:left;#float:none;_float:none; }
*+html .main{ float:left;#float:none;_float:none; } ......
ÓÃJavaScriptÐÞ¸ÄÍøÒ³Ñùʽ
Ò»¡¢¾Ö²¿¸Ä±äÑùʽ
·ÖΪ¸Ä±äÖ±½ÓÑùʽ£¬¸Ä±äclassNameºÍ¸Ä±äcssTextÈýÖÖ¡£ÐèҪעÒâµÄÊÇ£º
×¢Òâ´óСд
£º
javascript¶Ô´óСдʮ·ÖÃô¸Ð£¬className²»Äܹ»°Ñ“N”д³É“n”£¬cssTextÒ²²»Äܹ»°Ñ“T”д³É“t”£¬·ñÔòÎÞ·¨ÊµÏÖЧ¹û¡£
µ÷Ó÷½·¨
£º
Èç¹û¸Ä ......
JavaScript¶¯Ì¬¼ÓÔØCSSµÄÈýÖÖ·½·¨ ÊÕ²Ø
Èç¹ûÄãÓÐºÜ¶à¹ØÁªµÄCSSÎļþÒªÒ»Æð¼ÓÔØ£¬»òÕßÏ붯̬µÄ¼ÓÔØ²»Í¬µÄCSSÎļþ£¬ÄÇôÏÂÃæµÄ·½·¨ÄãÒ»¶¨¶ÔÄãÓаïÖú¡£
µÚÒ»ÖÖ£ºÒ»°ãÓÃÔÚÍⲿCSSÎļþÖмÓÔØ±ØÐëµÄÎļþ
³ÌÐò´úÂë
@import url(style.css);
/*Ö»ÄÜÓÃÔÚCSSÎļþÖлòÕßstyle±êÇ©ÖÐ*/
µÚ¶þÖÖ£º¼òµ¥µÄÔÚÒ³ÃæÖмÓÔØÒ» ......