css+divºÍtable+cssµÄ±È½Ï
css+divºÍtable+cssµÄ±È½Ï
¡¡CSS£«DIVÊÇÍøÕ¾±ê×¼£¨»ò³Æ“WEB±ê×¼”£©Öг£ÓõÄÊõÓïÖ®Ò»£¬Í¨³£ÎªÁË˵Ã÷ÓëHTMLÍøÒ³Éè¼ÆÓïÑÔÖеıí¸ñ£¨table£©¶¨Î»·½Ê½µÄÇø±ð£¬ÒòΪXHTMLÍøÕ¾Éè¼Æ±ê×¼ÖУ¬²»ÔÙʹÓñí¸ñ¶¨Î»¼¼Êõ£¬¶øÊDzÉÓÃcss+divµÄ·½Ê½ÊµÏÖ¸÷ÖÖ¶¨Î»¡£
CSS£«DIVÍøÕ¾Éè¼ÆµÄÓÅÊÆ
Ê×ÏÈ£¬CSSµÄ¼«´óÓÅÊƱíÏÖÔÚ¼ò½àµÄ´úÂ룬¶ÔÓÚÒ»¸ö´óÐÍÍøÕ¾À´Ëµ£¬¿ÉÒÔ½ÚÊ¡´óÁ¿´ø¿í£¬¶øÇÒÖÚËùÖÜÖª£¬ËÑË÷ÒýÇæϲ»¶Çå½àµÄ´úÂ루ÆäÕæÕýÒâÒåÔÚÓÚ£¬Ôö¼ÓÁËÓÐЧ¹Ø¼ü´ÊÕ¼ÍøÒ³×Ü´úÂëµÄ±ÈÖØ£©£¬Òò´ËʹÓÃCSS£«DIVµÄweb±ê×¼ÖÆ×÷µÄÍøÕ¾¾ßÓÐËÑË÷ÒýÇæÓѺõÄÒ»¶¨ÓÅÊÆ¡£
Æä´Î£¬CSS+DIVÖÆ×÷µÄÍøվʹµÃÍøÕ¾¸Ä°æÏà¶Ô¼òµ¥£¬ºÜ¶àÎÊÌâÖ»ÐèÒª¸Ä±äCSS¶ø²»ÐèÒª¸Ä¶¯³ÌÐò£¬´Ó¶ø½µµÍÁËÍøÕ¾¸Ä°æµÄ³É±¾¡£
¾¡¹ÜCSS+DIV¾ßÓÐÒ»¶¨µÄÓÅÊÆ£¬²»¹ýÏֽ׶ÎCSS+DIVÍøÕ¾½¨Éè´æÔÚµÄÎÊÌâÒ²±È½ÏÃ÷ÏÔ£¬Ö÷Òª±íÏÖÔÚ£º
µÚÒ»£¬¶ÔÓÚCSSµÄ¸ß¶ÈÒÀÀµÊ¹µÃÍøÒ³Éè¼Æ±äµÃ±È½Ï¸´ÔÓ¡£Ïà¶ÔÓÚHTML4.0Öеıí¸ñ²¼¾Ö£¨table£©£¬CSS+DIV¾¡¹Ü²»ÊǸ߲»¿É¼°£¬µ«ÖÁÉÙÒª±È±í¸ñ¶¨Î»¸´ÔӵĶ࣬¼´Ê¹¶ÔÓÚÍøÕ¾Éè¼Æ¸ßÊÖÒ²ºÜÈÝÒ׳öÏÖÎÊÌ⣬¸ü²»ÒªËµ³õѧÕßÁË£¬ÕâÔÚÒ»¶¨³Ì¶ÈÉÏÓ°ÏìÁËXHTMLÍøÕ¾Éè¼ÆÓïÑÔµÄÆÕ¼°Ó¦Óá£
µÚ¶þ£¬CSSÎļþÒì³£½«Ó°ÏìÕû¸öÍøÕ¾µÄÕý³£ä¯ÀÀ¡£CSSÍøÕ¾ÖÆ×÷µÄÉè¼ÆÔªËØͨ³£·ÅÔÚ¼¸¸ölÍⲿÎļþÖУ¬ÕâÒ»¸ö»ò¼¸¸öÎļþÓпÉÄÜÏ൱¸´ÔÓ£¬ÉõÖÁ±È½ÏÅÓ´ó£¬Èç¹ûCSSÎļþµ÷ÓóöÏÖÒì³££¬ÄÇôÕû¸öÍøÕ¾½«±äµÃ²Ò²»È̶á£
µÚÈý£¬¶ÔÓÚCSSÍøÕ¾Éè¼ÆµÄä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌâ±È½ÏÍ»³ö¡£»ùÓÚHTML4.0µÄÍøÒ³Éè¼ÆÔÚIE4.0Ö®ºóµÄ°æ±¾Öм¸ºõ²»´æÔÚä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌ⣬µ«CSS+DIVÉè¼ÆµÄÍøÕ¾ÔÚIEä¯ÀÀÆ÷ÀïÃæÕý³£ÏÔʾµÄÒ³Ã棬µ½»ðºüä¯ÀÀÆ÷£¨FireFox £©ÖÐÈ´¿ÉÄÜÃæÄ¿È«·Ç£¨ÕâÒ²ÊÇΪʲô½¨ÒéÍøÂçÓªÏúÈËԱʹÓûðºüä¯ÀÀÆ÷µÄÔÒòËùÔÚ £©¡£CSS+DIV»¹ÓдýÓÚ¸÷¸öä¯ÀÀÆ÷³§É̵ĽøÒ»²½Ö§³Ö¡£
Óùýdiv+css×÷¸öÕû¸öÍøÕ¾£¬Èç¹ûÊÇ´¿´âµÄdivµÄ²¼¾ÖÊDZȽÏÂé·³µÄ£¬ÓÈÆäÊÇÄãdivÀïÃæǶÌ×divµÄ£¬div²¼¾ÖµÄʱºò£¬ÄãÓÐЩҳÃæЧ¹û»¹ÊÇÒªÉáÆúÒ»µãµÄ£¬±ÈÈçͼƬµÄÔ²½Ç£¬ÕâЩÈç¹ûÌ×div±È½ÏÂé·³£¬ÔÚÒ»¸ödivÔÚVS2005Éè¼ÆÆ÷ÀïÃæ¿ÉÄܱäÐΣ¬Èç¹û¹ý¶àµÄÌ×div£¬ÄãʵÏÖajaxÍ϶¯Ð§¹ûµÄʱºò±È½ÏÂé·³£¬ËùÒÔÎÒ¾õµÃÑÛÏ»¹ÊÇdiv+ǶÌ×table±È½ÏºÃ¡£
Ô²½Ç——¿ÉÒÔÓÃdiv+css×ö³öÒ»ÑùƯÁÁµÄÔ²½Ç£¬¶øÇÒ²»ÓÃͼƬ£¬¶øÇÒÊÇ¿í¶È¡¢¸ß¶È×ÔÊÊÓ¦µÄ
Ïà¹ØÎĵµ£º
CSS:
<style type="text/css">
a{
color: #FFFF99;
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#nav{
padding: 10px 10px 0;
font-size: 12px;
font-weight: bold;
margin: 1em 0 0;
......
2009Äê2ÔÂ24ÈÕ
£¬Safari 4.0
beta°æÕýʽ·¢²¼£¬Safari´ÓËüµÄ3.2°æ±¾¿ªÊ¼¾ÍÒѾ֧³ÖËùÓеÄCSSÑ¡ÔñÆ÷(°üÀ¨×îеÄCSS3)¡£²»¹ýΪÁË·½±ã´ó¼ÒµÄ¹¤×÷£¬ÏÂÃæÌṩÁË×îаæ
±¾µÄCSSÑ¡ÔñÆ÷ä¯ÀÀÆ÷Ö§³ÖÇé¿ö£¬ÆäÖаüÀ¨×îеÄCSS3ºÍSafari 4.0 BetaµÄÖ§³ÖÇé¿ö¡£¸ÐлEstelle Weyl
µÄ×ܽᡣ
2009Äê6ÔÂ30ÈÕ
£¬FireFox 3.5·¢²¼£¬ÀàËÆSafar ......
IE6¡¢IE7¡¢IE8¡¢FFä¯ÀÀÆ÷µÄCSS¼æÈÝÎÊÌ⣬±¾À´ie6¸úffÖ®¼äµÄ¼æÈÝÊǺÜÈÝÒ×½â¾öµÄ¡£¼ÓÉϸöie7»áÂé·³µã£¬ie8µÄ³öÏ־͸üÍ·ÌÛÁË£¬ÔÀ´hack ie7µÄ·½·¨ÓÖ²»ÄÜÓÃÁË£¬Ôõô°ìÄØ£¿
»¹ºÃ£¬Î¢ÈíÌṩÁËÕâÑùÒ»¸ö´úÂ룺 °ÑÕâ¶Î´úÂë·Åµ½ÀïÃ棬ÔÚie8ÀïÃæµÄÒ³Ãæ½âÎöÆðÀ´¾Í¸úie7һģһÑùµÄÁË£¬ËùÒÔ£¬»ù±¾ÉÏ¿ÉÒÔÎÞÊÓie8£¬Ê£ÏµĴúÂëÖ»ÐèÒªÕâÑùд¾ ......
·½·¨³¬¼¶¼òµ¥Èý¾ä»°£º
µÚÒ»£º×öÍøÕ¾ÓÃIE7.0£¬Õâ¸ö°æ±¾ÊÇ×î±ê×¼µÄ°æ±¾¡£ÏȲ»Òª¹Ü±ðµÄä¯ÀÀÆ÷ÊÇ·ñ¼æÈÝ¡£
µÚ¶þ£ºÍøÕ¾×öÍ꣬ºÃÁËÓÃIE6.0£¬IE8.0²âÊÔһϣ¬ºÃÁË£¬IE6.0ÓÐС²¿·Ö±ä¶¯£¬IE8.0²ÒÄ¿È˶ã¬ÏÖÔÚÏÈÀ´½â¾öIE6.0µÄÎÊÌâ
IE6.0ÊÇÏÖÔÚ×îÀÃ×îÀ¬»øµÄä¯ÀÀÆ÷°æ±¾£¬o(︶ ......
CSS ºÍ JavaScript ±êÇ© style ÊôÐÔ¶ÔÕÕ±í£º
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£© JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color bor ......