Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

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 ÔçÒѵ®Éú£¬µ«


Ïà¹ØÎĵµ£º

CSS Hack¸÷ä¯ÀÀÆ÷

CSS Hack ÊÇÔÚ±ê×¼ CSS û°ì·¨¼æÈݸ÷ä¯ÀÀÆ÷ÏÔʾЧ¹ûʱ²Å»áÓÃÉϵIJ¹¾È·½·¨,ÔÚ¸÷ä¯ÀÀÆ÷³§É̽âÎö CSS ûÓдï³ÉÒ»ÖÂÇ°,ÎÒÃÇÖ»ÄÜÓÃÕâÑùµÄ·½·¨À´Íê³ÉÕâÑùµÄÈÎÎñ¡£ÍøÉÏÄã¿ÉÄÜÄÜËÑË÷µ½Ò»´ó¶ÑµÄ CSS Hack£¬µ«ÊÇÎÒ½ñÌì·¢²¼µÄÄã¿ÉÄܲ¢²»¶¼ºÜÁ˽⣬ÒòΪÕâЩ¶¼ÊÇÖ»Õë¶Ôµ¥¶ÀÒ»¸öä¯ÀÀÆ÷µÄ CSS Hack¡£
ΪÁËÏòÄãչʾÕâЩ CSS Hack ÊÇ·ñÕý³£Ô ......

CSS¼æÈÝIE6¡¢IE7¡¢»ðºü£¨Firefox£©¼¼Çɼ¯ºÏ


 CSS ¶Ôä¯ÀÀÆ÷µÄ¼æÈÝÐÔÓÐʱÈÃÈ˺ÜÍ·ÌÛ£¬»òÐíµ±ÄãÁ˽⵱Öеļ¼ÇɸúÔ­Àí£¬¾Í»á¾õµÃÒ²²»ÊÇÄÑÊ£¬´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁË Ò»Ï¡£¶ÔÓÚweb2.0µÄ¹ý¶È£¬Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂ룬¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí£¬×÷ΪW3CµÄ±ê×¼£¬Ò»¶¨Òª¼Ó DOCTYPEÉùÃ÷¡£ 
 
CSS¼¼ÇÉ 
 
1.d ......

CSS¾­µäʵÓü¼ÇÉ10ÕÐ


Ò».ʹÓÃcssËõд
ʹÓÃËõд¿ÉÒÔ°ïÖú¼õÉÙÄãCSSÎļþµÄ´óС£¬¸ü¼ÓÈÝÒ×ÔĶÁ¡£cssËõдµÄÖ÷Òª¹æÔòÇë²Î¿´¡¶³£ÓÃcssËõдÓï·¨×ܽᡷ£¬ÕâÀï
¾Í²»Õ¹¿ªÃèÊö¡£
¶þ.Ã÷È·¶¨Ò嵥룬³ý·ÇֵΪ0
Íü¼Ç¶¨Òå³ß´çµÄµ¥Î»ÊÇCSSÐÂÊÖÆÕ±éµÄ´íÎó¡£ÔÚHTMLÖÐÄã¿ÉÒÔֻдwidth="100"£¬µ«ÊÇÔÚCSSÖУ¬Äã±ØÐë¸øÒ»¸ö׼ȷµÄµ¥
룬±ÈÈç:width: 100px width: ......

CSS Transition ÈëÃÅ

¾¡¹ÜÈËÃÇÆÚ´ýÆÁÄ»ÏÔʾ¼¼ÊõÓÐËù¸Ä½ø£¬µ«CSSºÍHTMLÈ´Ö»ÌṩÁËÉÙÊýµÄ½»»¥Éè¼Æ¿ØÖÆ£¬¶øÇÒ»¹Ö»ÊÇË«Ïò״̬µÄ¶ø·Ç½¥½ø״̬£¬È磺һ¸öÁ´½ÓÖ»ÄÜÊÇÒ»ÖÖÑÕÉ«»òÁíÒ»ÖÖÑÕÉ«£¬Îı¾ÓòÖ»ÄÜÊÇÒ»Öֳߴç»òÁíÒ»Öֳߴ磬һ·ùÕÕƬҪô͸Ã÷Ҫô²»Í¸Ã÷¡£Ã»ÓдÓÁ½ÖÖ״̬µÄÖ®¼äµÄ²¿·Ö£¬¼´Ã»Óйý¶É¡£
ÕâÖÖ²»ÓÅÑŵÄÇл»Ð§¹ûʹºÜ¶àÒ³ÃæÈÃÈ˸оõͻأ¡£ËäÈ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ