DIV+CSSʹÓùý³ÌÖÐËùÊÕ¼¯µÄ×ÊÁÏ
×î½üÕýÔÚ°ïÅóÓÑ×öÒ»¸ö»ùÓÚWEB2.0µÄÍøÒ³¡£ÒÔÇ°×öÍøҳʱÍøÒ³ÖеĶ¨Î»Ò»°ã²ÉÓÃTable±í¸ñµÄ·½Ê½À´Íê³É£¬ÊìÃÅÊì·ȥÍê³ÉÒ»¸öÕ¾µãûɶÎÊÌ⣻ÏÖÔÚÁ÷ÐеÄ2.0±ê×¼£¬²»µ«ÔÚÓïÑÔÉÏÓÐÌáÉý£¨ÒªÃ´ÊÇ.Net£¬ÒªÃ´ÊÇPHP5.x£©£¬¶øÇÒÔÚÍøÒ³µÄ×éÖ¯Ñùʽ(DIV±êÇ©)£¬²ãµþÑùʽ±í£¨CSS£©£¬Ajax¼¼ÊõµÈ£¬¶¼ÊÇȫеĸÅÄºÃÔÚ×Ô¼ºÔÚÄêÇ°ÒѾ¹Ø×¢Õâ·½ÃæµÄ¼¼Êõ£¬Í¨¹ý½ü°ëÄêµÄѧϰ£¬Ìå»áÆÄÉȫеÄÍøÒ³¼Ü¹¹·½Ê½È·Êµ¾ßÓÐÎÞÇîµÄ÷ÈÁ¦£¬Óë¸ñµ÷µ¥Ò»µÄtableÀ´±È½Ï£¬ËüµÄÓÅÊÆÕæµÄºÜ´ó£º±íÏֲ㡢½á¹¹²ã¡¢Êý¾Ý²ã·ÖÀ룬·½±ã·Ö¹¤ºÏ×÷£»Áé»îµÄ·ç¸ñµ÷Óã¬Ê¹µÃͬһ¸ö½á¹¹£¬¿ÉÒÔÓÐÈô¸É¸öÍøÒ³·ç¸ñÑùʽ£¨ÏÖÔڵIJ©¿ÍÒ»°ã²ÉÓÃÕâÖÖ·½Ê½£©£»ÊµÊ±µÄÊý¾Ý¸üУ¨Ajax¼¼Êõ£©ÈÃÍøÒ³¸ü¼ÓµÄÇ×Ãñ£¬¸ü¾ß÷ÈÁ¦……
ÏÖÔÚ·¢Ò»Ð©ÎÒÔÚѧϰ£¬Ê¹Óùý³ÌÖÐËùÊÕ¼¯µÄÕâ·½ÃæÏà¹Ø×ÊÁÏ£º
Ò»¡¢XHTML³£ÓñêÇ©½éÉÜ
Ò»¶Îʱ¼äÒÔÀ´£¬·¢ÏÖÓкܶàÈËXHTML
¶¼²»»áÓ㬲»¹âÊÇÆÕͨµÄ³õѧÕߣ¬ÓеijÌÐòÔ±¶¼²»ÊǺÜÇå³þ¸ÃÔõôдÕâ¸öXHTML
£¬ÎÒÕâÀïÄØËãÊÇ°ÑһЩ³£¼ûµÄÓ¦ ÓÃÎÊÌâ×öÒ»¸ö×ܽᣬҲËãÄÜʹµÃ´ó¼ÒÄÜÔÚ¹µÍ¨£¬ºÏ×÷ÉÏÄÜÐγÉĬÆõ¡£
XHTML
ÀïÓкܶàµÄ±êÇ©£¬µ«ÊǾ³£Óõ½µÄÒ²¾ÍÊÇÄÇô¼¸¸ö£¬Ò²Ö»ÒªÕÆÎÕÕ⼸¸öÒ²¾Í¿ÉÒÔÁË¡£ÏÂÃæÎÒÃÇÒ»Ò»ÁÐ ¾Ù£ºdiv,p,span,ul,li,dl,dt,dd,a,img,h,strong,em
div
ÔÚÎÒµÄÄÔ×ÓÀïÎÒÒ»Ö±°ÑËûÏë×÷ÊÇÒ»¸öÆ¿×Ó»òÊÇÏä×Ó£¬ÎҵĸоõËüͦӲµÄ¡£Õâ¸ödiv
ûÓÐʲôÌØÐÔµÄÒâÒ壬¿ÉÒÔʹÓÃÔںܶàµØ·½£¬Ò²¾ÍÊÇ˵Ëû¿ÉÒÔ×°²»Í¬µÄ¶«Î÷¡£ËûµÄÕýÈ·µÄд·¨ÊÇ<div></div>
±ØÐèÒªÓзâ¿Ú¡£´ó¼Ò¶¼ÓÃÀ´×ö²¼¾ÖÖ®Óã¬Ò²ÓÐÓÃÀ´×÷Ϊ´æ·ÅÎÄÕÂÐγɶÎÂ䣬ʵ¼ÊÉÏ£¬Õâ¸ö×ö·¨²¢²»ÊǺܺã¬ÒòΪ×÷ΪÎÄÕµķֶÎ×ÔÈ»ÓÐÒ»¸öÌض¨µÄ±êÇ©À´Óá£ÄǾÍÊÇÏÂÃæÒª½²µÄ<p></p>
±êÇ©£¬²»¹ýÓÃDIV
À´ÔÙÕûÌåµÄ°üסËùÓÐ
µÄ¶ÎÂä¡£ÕâÊǷdz£ÊµÓõġ£
p
ÕâÊÇÒ»¸öÓÐÌض¨ÓïÒåµÄ±êÇ©£¬±íʾ¶ÎÂ䣬ÊÇÓÃÀ´Çø·Ö¶ÎÂäµÄ¡£Ôڴ󲿷ֵÄä¯ÀÀÆ÷ÖжÔP
»ù±¾É϶¼ÓÐÒ»¸öÉÏϵı߾ࡣµ«ÊÇûÓÐÐÐÊ×Ëõ½ø£¬ÒòΪÐÐÊ×Ëõ½øÖ»ÊDZíʾ¶ÎÂäµÄ·½Ê½µ«ÊDz»ÊÇÒ»¶¨»òÊDZØÐèµÄ¡£ËùÒÔÔÚÓÃP
±êÇ©µÄʱºòÈç¹ûÐèÒª¿ÉÒÔÕë¶ÔP
É趨һÏÂÐÐÊ×Ëõ½ø£¬ÎÒÊÇÍƼöÔÚÎÄÕÂÒÔÍâµÄµØ·½²»ÒªÊ¹ÓÃP
£¬ÒòΪP
ÊÇÓÐÒ»¶¨ÓïÒåµÄ£¬ Èç¹ûÓÃÔÚ±ðµÄµØ·½¿Ö²»ºÏÊÊ¡£ÕýÈ·µÄд·¨ÊÇ<p></p>
span
ÕâÒ²ÊÇÒ»¸ö·
Ïà¹ØÎĵµ£º
Ò³ÃæÉϵÄcssÁ´½Ó ÈçÏÂ
<link href="../style/style.css" rel="stylesheet" type="text/css" />
µ±a.actionͨ¹ýÖض¨Ïòredirect µ½ÁíÒ»¸öb.actionºó£¬½øÈëÏÂÒ»¸öjspÒ³Ã棬´ËʱcssºÍÒ³ÃæµÄͼƬ¶¼Ê§Ð§¡£
ºóÀ´°ÑjspÀïÃæµÄcss·¾¶¡¢Í¼Æ¬Â·¾¶¸ÄΪ¾ø¶Ô·¾¶£¬¾Í°ÑÎÊÌâ½á¾ÖÁË¡£
<link href="/BookShop/style/style.css" ......
Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......
ÎÒÃÇÏÈÀ´·ÖÎöһϿ鼶ԪËØ¡¢ÄÚÁª¼¶ÔªËصĶ¨ÒåºÍ½âÎö£º
¿éÔªËØ(block
element)Ò»°ãÊÇÆäËûÔªËصÄÈÝÆ÷ÔªËØ£¬¿éÔªËØÒ»°ã¶¼´ÓÐÂÐпªÊ¼£¬Ëü¿ÉÒÔÈÝÄÉÄÚÁªÔªËغÍÆäËû¿éÔªËØ,³£¼û¿éÔªËØÊǶÎÂä±êÇ©'P"¡£
“form"
Õâ¸ö¿éÔªËرȽÏÌØÊ⣬ËüÖ»ÄÜÓÃÀ´ÈÝÄÉÆäËû¿éÔªËØ¡£
¡¡¡¡Èç¹ûûÓÐcssµÄ×÷Ó㬿éÔªËØ
......
CSS£«DIVÊÇÍøÕ¾±ê×¼Öг£ÓõÄÊõÓïÖ®Ò»£¬Í¨³£ÎªÁË˵Ã÷ÓëHTMLÍøÒ³Éè¼ÆÓïÑÔÖеıí¸ñ¶¨Î»·½Ê½µÄÇø±ð£¬ÒòΪXHTMLÍøÕ¾Éè¼Æ±ê×¼ÖУ¬²»ÔÙʹÓñí¸ñ¶¨Î»¼¼Êõ£¬¶øÊDzÉÓÃcss+divµÄ·½Ê½ÊµÏÖ¸÷ÖÖ¶¨Î»¡£ÄÇôʹÓÃDIV+CSS±àÂëʱºÜÈÝÒ×·¸Ò»Ð©´íÎó¡£±¾ÎÄÁоÙÁËһЩ³£¼ûµÄ´íÎó£º
1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐƴд´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
ÓÐʱºòÎÒÃÇÔÚ ......