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

ʹÓÃdiv+css²¼¾ÖÍøÕ¾±ÜÃâ10´ó´íÎó

CSS£«DIVÊÇÍøÕ¾±ê×¼Öг£ÓõÄÊõÓïÖ®Ò»£¬Í¨³£ÎªÁË˵Ã÷ÓëHTMLÍøÒ³Éè¼ÆÓïÑÔÖеıí¸ñ¶¨Î»·½Ê½µÄÇø±ð£¬ÒòΪXHTMLÍøÕ¾Éè¼Æ±ê×¼ÖУ¬²»ÔÙʹÓñí¸ñ¶¨Î»¼¼Êõ£¬¶øÊDzÉÓÃcss+divµÄ·½Ê½ÊµÏÖ¸÷ÖÖ¶¨Î»¡£ÄÇôʹÓÃDIV+CSS±àÂëʱºÜÈÝÒ×·¸Ò»Ð©´íÎó¡£±¾ÎÄÁоÙÁËһЩ³£¼ûµÄ´íÎó£º
1. ¼ì²éHTMLÔªËØÊÇ·ñÓÐÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áÊø±ê¼Ç
ÓÐʱºòÎÒÃÇÔÚдºÜ¶à´úÂëµÄÇé¿öÏÂÄÑÃâ»áÍü¼Ç½áÊø±êÇ©£¬ÕâÑù¾Í»áµ¼ÖÂÕû¸öÍøÕ¾³öÏÖһЩÔËÐеÄÎÊÌâÒÔ¼°ÏÂÒ»²½µÄ²Ù×÷£¬ËùÒÔҪעÒâ¼ì²é±êÇ©µÄÊéд£¬Ò²¿ÉÒÔÓÃdreamweaverµÄÑéÖ¤¹¦Äܼì²é¡£
2. ÀûÓÃÅųý·¨È·¶¨´íÎó·¢ÉúµÄλÖÃ
Èç¹ûÔÚÔËÐеÄʱºò³öÏÖijЩÎÊÌ⣬¿ÉÒÔÀûÓÃÅųý·¨£¬Öð¸öɾ³ýdiv¿é£¬Ö±µ½É¾³ýij¸ödiv¿éºóÏÔʾ»Ö¸´Õý³££¬¼´¿ÉÈ·¶¨´íÎó·¢ÉúµÄλÖá£
3. ÀûÓÃborderÊôÐÔÈ·¶¨³ö´íÔªËØµÄ²¼¾ÖÌØÐÔ
ÓÐʱºòÎÒÃDz»ÖªµÀÕâ¸ödiv ÊÇÔÚÄÄÀ»òÕßʹÓÃfloatÊôÐÔ²¼¾ÖÒ»²»Ð¡Ðľͻá³ö´í¡£ÕâÊ±ÎªÔªËØÌí¼ÓborderÊôÐÔÈ·¶¨ÔªËر߽磬´íÎóÔ­Òò¼´Ë®Âäʯ³ö¡£
4. ¼ì²éCSSÊÇ·ñÕýÈ·
¼ì²éÒ»ÏÂÓÐÎÞÆ´Ð´´íÎó¡¢ÊÇ·ñÍü¼Ç½áβµÈ¡£¿ÉÒÔÀûÓÃCleanCSSÀ´¼ì²é CSSµÄƴд´íÎó¡£CleanCSS±¾ÊÇΪCSS¼õ·ÊµÄ¹¤¾ß£¬µ«Ò²Äܼì²é³öƴд´íÎó¡£
5. floatÔªËØµÄ¸¸ÔªËز»ÄÜÖ¸¶¨clearÊôÐÔ
MacIEÏÂÈç¹û¶ÔfloatµÄÔªËØµÄ¸¸ÔªËØÊ¹ÓÃclearÊôÐÔ£¬ÖÜΧµÄfloatÔªËØ²¼¾Ö¾Í»á»ìÂÒ¡£ÕâÊÇMacIEµÄÖøÃûµÄbug£¬ÌÈÈô²»ÖªµÀ¾Í»á×ßÍä·¡£
6. floatÔªËØÎñ±ØÖ¸¶¨widthÊôÐÔ
ºÜ¶àä¯ÀÀÆ÷ÔÚÏÔʾδָ¶¨widthµÄfloatÔªËØÊ±»áÓÐbug¡£ËùÒÔ²»¹ÜfloatÔªËØµÄÄÚÈÝÈçºÎ£¬Ò»¶¨ÒªÎªÆäÖ¸¶¨widthÊôÐÔ£¬ÁíÍâÖ¸¶¨ÔªËØÊ±¾¡Á¿Ê¹ÓÃem¶ø²»ÊÇpx×öµ¥Î»¡£
7. floatÔªËØµÄ¿í¶ÈÖ®ºÍҪСÓÚ100%
Èç¹ûfloatÔªËØµÄ¿í¶ÈÖ®ºÍÕýºÃÊÇ100%£¬Ä³Ð©¹ÅÀϵÄä¯ÀÀÆ÷½«²»ÄÜÕý³£ÏÔʾ¡£Òò´ËÇë±£Ö¤¿í¶ÈÖ®ºÍСÓÚ99%¡£
8. ҪעÒâclearÊôÐÔµÄʹÓÃ
clearĬÈÏÊÇÓи߶Ȼ¹ÓÐ×ÖÌå´óСµÄ£¬ËùÒÔ±ØÒªÊ±ÒªÏȽ«clearµÄÊýÖµÉèÖÃΪ0£¬»¹ÓÐÔÚÿһ¸ödiv½áÊøµÄºóÃæ×îºÃ¼ÓÉÏclear£ºbothµÄÊôÐÔ£¬Çå³þdivµÄ¸¡¶¯¡£·ñÔòÔÚFirefox»¹ÓÐһЩä¯ÀÀÆ÷ÉÏÃæÊÇ»á´íλµÄ¡£
9. ҪעÒâmargin¡¢padding ĬÈÏÊÇÓÐÒ»¶¨µÄÊýÖµµÄ?
ÔÚul¡¢bodyµÈһЩµØ·½Ê±´æÔÚmargin¡¢padding ĬÈÏÖµµÄ£¬ËùÒÔÒªÏȽ«ËüÃÇÉèÖÃΪ0£¬±ÜÃâµ¼ÖÂÍøÕ¾²¼¾ÖµÄ´íÎó¡£
±¾ÎÄת×Ô£ºhttp://www.gzhongqi.net/Website/45.html


Ïà¹ØÎĵµ£º

zend framework ͼƬÒÔ¼°css·¾¶ÎÊÌâ

¸Õ¿ªÊ¼Ñ§Ï°zend framework £¬¶ÔÓÚ·¾¶ÎÊÌ⻹ÊÇûŪÃ÷°×£¬ÒÔÖÁÓÚͼƬ²»ÄÜÕý³£ÏÔʾ£¬ËѱéÁËGoogleÖÕÓÚÕÒµ½Ò»¸ö½â¾ö°ì·¨¡£¾ßÌå½â¾ö°ì·¨ÈçÏ£º
ÔÚ.htaccessÖÐÓÃÏÂÃæÕâ¶Î´úÂë´úÌæÔ­ÓдúÂë
# Zend Framework rewrite¹æÔò
RewriteEngine on
RewriteCond
%{REQUEST_FILENAME} !-f
RewriteRule .* index.php
#
°²È«ÐÔ¿¼ÂÇ£ ......

DIV CSSÍøÒ³²¼¾Ö¼æÈÝÐÔµÄÒªµãÓë¾÷ÇÏ×Ü

IE vs FF
CSS ¼æÈÝÒªµã£ºDOCTYPE Ó°Ïì CSS ´¦Àí
FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ­¾ÓÖÐ, IE ²»ÐÐ
FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ
FF: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ width, µ« IE ²»»á, ¹ÊÐèÒªÓà !important ¶àÉèÒ» ......

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" ......

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


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