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

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

ÕâÒ²ÊÇÒ»¸ö·


Ïà¹ØÎĵµ£º

struts2 redirect css ʧЧ

Ò³ÃæÉϵÄ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" ......

ÓÃJSÀ´Çл»CSS£¬ºÜºÃºÜ¼òµ¥

¼ÙÈçÎÒÃÇÏëͨ¹ýǰ̨×ÔÖ÷Ñ¡ÔñCSSÑùʽÀ´´ïµ½¸Ä±äÑÕÉ«¡¢·ç¸ñµÈÄ¿µÄµÄ»°£¬ÓÃJSµ÷ÓÃCSSÎļþ¾ÍOK¡£
ÏÈ×öÁ½¸ö£¨»ò¶à¸ö£©CSSÎļþ¡£
style_1.css¡¡´úÂ룺
body{background-color: #ccff66;}
......
style_2.css¡¡´úÂ룺
body{background-color: #ff0000;}
......
JS´úÂëÈçÏ£º
<link rel="stylesheet" rev="stylesheet" ......

¡¾DIV+CSSÈëÃŽ̡̳¿Ò»¡¢DIV+CSSµÄ½Ð·¨ÊDz»×¼È·µÄ

µÚÒ»Õ£ºÓ¦ÖªµÀ
1.1 DIV+CSS
µÄ½Ð·¨ÊDz»×¼È·µÄ
ÎÒÏë·²ÊÇÀ´µ½“Õâ¸öרÌ┵Äͬѧ£¬ºÜ´ó²¿·ÖÊdzå×ÅDIV+CSSÀ´µÄ£¬Ä¿µÄ¾ÍÊÇѧϰ
DIV+CSSµÄ£¬ËµµÄÔÙÖ±½ÓһЩ¾ÍÊÇѧϰÈçºÎÓÃDIV+CSS²¼¾ÖÒ³Ã棬ÈçºÎ´ÓÒ»ÕÅͼƬÖÆ×÷³É±ê×¼µÄDIV+CSSÒ³Ãæ¡£
      Èç¹ûÄã¿´ÍêµÚÒ»¶Î»¹Ã»Óз¢ÏÖ´íÎóµÄ»°£¬ÄÇÄã¾ÍºÜÓб ......

¡¾DIV+CSSÈëÃŽ̡̳¿ËÄ¡¢CSSÈçºÎ¿ØÖÆÒ³Ãæ


±¾½ÚÖ÷Òª½²½â£¬Á½¸öÄÚÈÝ£¬
µÚÒ»£ºCSS
ÈçºÎ¿ØÖÆÒ³ÃæÑùʽ£¬ÓÐ
¼¸ÖÖ·½Ê½£»
µÚ¶þ£ºÕâЩ·½Ê½³öÏÖÔÚͬһ¸öÒ³ÃæʱµÄÓÅÏȼ¶¡£
      Ê¹ÓÃxHTML
+CSS
²¼¾ÖÒ³Ã棬ÆäÖÐÓиöºÜÖØÒªµÄÌصã¾ÍÊÇÄÚÈÝÓë±íÏóÏà·ÖÀ룬ÄÚÈÝÖ¸HTMLÒ³Ãæ´úÂ룬±íÏó¾ÍÊÇCSS´úÂëÁË£¬Èç¹û°ÑÒ³Ãæ¿´³É´©×ÅÒ·þµÄÈ˵Ļ°£¬È˾ÍÊÇ
HTML£¬ÊÇÄ ......

JS/CSSѹËõ¹¤¾ß YUI Compressor

YUI Compressor ÊÇÒ»¸öÓÃÀ´Ñ¹Ëõ JS ºÍ CSS ÎļþµÄ¹¤¾ß£¬²ÉÓÃJava¿ª·¢¡£
ʹÓ÷½·¨£º
//ѹËõJS
java -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js
//ѹËõCSS
java -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ