³ÎÇåDIV+CSSÉè¼ÆµÄÎóÇø
µ±DIV+CSSƽµØÆð¾ªÀ×ͻȻ³öÏÖÔÚÍøÒ³Éè¼ÆÐÐÒµµÄʱºò£¬¹Ù·½¡¢Ãñ¼äÎÞ²»ÍƳ籸ÖÁ£¬·Â·ðTableÉè¼ÆµÄʱ´ú¾Í
ÒªÖսᣬÂíÉϾÍÒª²½ÈëDIV+CSSµÄʱ´ú£¬²»¶®µÃDIV+CSSÄã¶¼²»ºÃÒâ˼˵Äã»áÍøÒ³Éè¼Æ£¬²»ÖªDIV+CSSÄã¶¼²»
ºÃÒâ˼˵ÄãÊÇÕ¾³¤£¬ÄãÒª»¹ÊÇÓÃTABLEÀ´Éè¼ÆÕ¾µã£¬ÎÞÊý±ÉÒÄÖ®¹â¾ÍͶÉä¶øÀ´¡£
¡¡¡¡È»¶øDIV+CSSÕæµÄÓÐÕâôÉñÂð?¸ÃÔõ̫;ÕýµÄÀûÓÃDIV+CSSÓÅ»¯Õ¾µã£¬¶ø²»ÊǹÒÑòÍ·Âô¹·È⣬²å´ó´Ð×°´ó
ÏóÄØ?
¡¡¡¡DIV+CSSµÄÉè¼ÆÖÐÓм¸µãÎóÇø£¬ÓÈÆäÓ¦¸Ã³ÎÇ壺
¡¡¡¡1¡¢DIV+CSSµÄºÏÀíÖ®´¦ÔÚÓÚ¿ÉÒÔ½øÐÐÍøÒ³µÄͳһÉè¼Æ¹ÜÀí£¬Í¨¹ýÒ»¸öÑùʽ±í£¬Ç£Ò»·¢¶ø¶¯È«Éí£¬Ö»ÒªÐÞ
¸ÄÑùʽ±í£¬¾Í¿ÉÒÔͳһȫվµÄ·ç¸ñ£¬Èç¹ûΪһ¸öÒ³Ãæµ¥¶À×öÒ»¸öÑùʽ±í£¬»òÕßÒ»¸ödiv¾Í×öÒ»¸öÑùʽ±í£¬Ã»
ÓÐÈ«¾ÖÉè¼Æ¹ÛÄÄÇôÕâ¸ödiv+CSSµÄÉè¼Æ·½Ê½¾ÍÍêȫûÓбØÒª£¬ÉõÖÁ³ÉÁËÀÛ׸;
¡¡¡¡2¡¢ÏñTableÒ»ÑùÓÃDIV+CSS£¬ÎÞÇµÄǶÌ×£¬ÆäЧ¹ûÓëTableÉè¼ÆÃ»ÓÐÁ½Ñù£¬²¢²»»á´øÀ´ËÑË÷ÒýÇæµÄÓÅ»¯
Ч¹û£¬·´¶ø»áÔö¼ÓÒ³ÃæµÄ¸ºµ£;
¡¡¡¡3¡¢ÍƳçDiv+CSS£¬È´²»¿¼ÂǼæÈÝÐÔ£¬TABLEÉè¼ÆÓÉÀ´ÒѾ㬵õ½ä¯ÀÀÆ÷µÄ¹ã·ºÖ§³Ö£¬ËùÒÔÏÔʾЧ¹ûºÜºÃ
£¬²»»á³öÏÖ´íλÇé¿ö£¬µ«ÊÇDIV+CSSÈ´ÔÚ²¿·Öä¯ÀÀÆ÷ÖлᷢÉúÒ³Ãæ´íλµÄÇé¿ö£¬Òò´ËÔÚ½øÐÐÉè¼ÆµÄʱºòÒ²Òª
¿¼Âǵ½²»Í¬ä¯ÀÀÆ÷µÄÇé¿ö£¬½øÐиü¸ÄºÍµ÷ÊÔ¡£
¡¡¡¡µ±È»DIV+CSSÓÐÆä¹ÌÓеÄÓŵ㣺1¡¢±ê×¼»¯µÄÒ³Ãæ½á¹¹;2¡¢ÓÐÀûÓÚͳһÉè¼Æ¹ÜÀí;3¡¢¿ÉÒԵõ½ËÑË÷ÒýÇæÁ¼
ºÃµÄÖ§³Ö£¬µ«ËƺõÀûÓÃDIV+CSSҪעÒâÒÔÉÏÎóÇø£¬ÏàÐÅÕ¾³¤¶¼ÓкܶàµÄÌå»á£¬Ò²Óиü¶à³ÉÊìµÄÉè¼ÆÀíÄî¡£
Ïà¹ØÎĵµ£º
CSS ÃüÃû¹æ·¶
XHTML-CSSд×÷½¨Òé
ËùÓеÄxhtml´úÂëСд
ÊôÐÔµÄÖµÒ»¶¨ÒªÓÃË«ÒýºÅ("")À¨ÆðÀ´£¬ÇÒÒ»¶¨ÒªÓÐÖµ
ÿ¸ö±êÇ©¶¼ÒªÓпªÊ¼ºÍ½áÊø£¬ÇÒÒªÓÐÕýÈ·µÄ²ã´Î
¿ÕÔªËØÒªÓнáÊøµÄtag»òÓÚ¿ªÊ¼µÄtagºó¼ÓÉÏ"/"
±íÏÖÓë½á¹¹ÍêÈ«·ÖÀ룬´úÂëÖв»Éæ¼°ÈκεıíÏÖÔªËØ£¬Èçstyle¡¢font¡¢bgColor¡¢borderµÈ
<h1> ......
A
absolute ¾ø¶ÔµÄ   ......
text-align ˮƽ¶ÔÆë right left center
vertical-align ´¹Ö±¶ÔÆë top middle bottom
ÊôÐÔ£º
AbsBottom ͼÏñµÄϱßÔµÓëͬһÐÐÖÐ×î´óÔªËØµÄϱßÔµ¶ÔÆë¡£
AbsMiddle ͼÏñµÄÖмäÓëͬһÐÐÖÐ×î´óÔªËØµÄÖмä¶ÔÆë¡£
Baseline ͼÏñµÄϱßÔµÓëµÚÒ»ÐÐÎı¾µÄϱßÔµ¶ÔÆë¡£
Bottom ͼÏñµÄϱßÔµÓëµÚÒ»ÐÐÎı¾µÄϱ ......
¹úÄÚµÄÉè¼ÆÊ¦´ó¶¼Ï²»¶ÓÃpx£¬¶ø¹úÍâµÄÍøÕ¾´ó¶¼Ï²»¶ÓÃem£¬ÄÇôÁ½ÕßÓÐÊ²Ã´Çø±ð£¬ÓÖ¸÷×ÔÓÐʲôÓÅÁÓÄØ£¿
1¡¢IEÎÞ·¨µ÷ÕûÄÇЩʹÓÃpx×÷Ϊµ¥Î»µÄ×ÖÌå´óС£»
2¡¢¹úÍâµÄ´ó²¿·ÖÍøÕ¾Äܹ»µ÷ÕûµÄÔÒòÔÚÓÚÆäʹÓÃÁËem×÷Ϊ×ÖÌ嵥λ£»
3¡¢FirefoxÄܹ»µ÷ÕûpxºÍem£¬µ«ÊÇ96%ÒÔÉϵÄÖйúÍøÃñʹÓÃIEä¯ÀÀÆ÷£¨»òÄںˣ©¡£
pxÏñËØ£¨Pixel£©£¬Ïà¶Ô³¤¶È ......
CSSÊÇÒ»¸ö·Ç³£Ç¿´óµÄÍøÕ¾Éè¼Æ±ê¼ÇÓïÑÔ¡£
¡¡¡¡
¡¡¡¡ËäÈ»Äã¿ÉÄÜ»áÈÏΪ£¬ÈκÎÈ˶¼¿ÉÒÔתȥдCSS´úÂ룬µ«ÊÇΪÁËÈ·±£ÄúÔÚÕýÈ·µÄ¹ìµÀÉÏ£¬ÕâÀïÓÐÈçÏÂ8Ïî
CSSÔÔò£¬Ã¿¸öÍøÒ³Éè¼ÆÊ¦Ó¦¸Ã×ñÑ¡£
¡¡¡¡
¡¡¡¡1¡¢W3CÑéÖ¤
¡¡¡¡
¡¡¡¡Èç¹ûÄãÊÇ1¸öÕýÔÚдCSS±àÂëµÄÈËÔ±£¬ÄÇô½¨ÒéÄúÿ´Î¶ÔÄúËù´´½¨µÄCSS´úÂë½øÐÐÑéÖ¤¡£µ«ÊÇ£¬ÓкܶàÉè
¼ÆÊ ......