ʹÓÃ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 £¬¶ÔÓÚ·¾¶ÎÊÌ⻹ÊÇûŪÃ÷°×£¬ÒÔÖÁÓÚͼƬ²»ÄÜÕý³£ÏÔʾ£¬ËѱéÁËGoogleÖÕÓÚÕÒµ½Ò»¸ö½â¾ö°ì·¨¡£¾ßÌå½â¾ö°ì·¨ÈçÏ£º
ÔÚ.htaccessÖÐÓÃÏÂÃæÕâ¶Î´úÂë´úÌæÔÓдúÂë
# Zend Framework rewrite¹æÔò
RewriteEngine on
RewriteCond
%{REQUEST_FILENAME} !-f
RewriteRule .* index.php
#
°²È«ÐÔ¿¼ÂÇ£ ......
¼ò½é¡¡¡¡
ʲôÊÇCSS hack(http://www.cssplay.org.cn/css-hack/index.html)ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ ......
ʹÓÃTable²¼¾ÖÒ³ÃæÎªÊ²Ã´ÊDz»Ã÷Öǵģ¿
´ó¼Ò¿´µ½±êÌ⣬²»ÒªÎó½âÈÏΪÔÚÒ³ÃæÖв»ÄÜʹÓÃTable£¬¶øÊÇ¿ÉÒÔ
ʹÓÃTable£¬µ«ÊǾ¡Á¿²»ÒªÓÃTableÈ¥²¼¾ÖÒ³Ãæ£¬ÎªÊ²Ã´ÕâÃ´ËµÄØ£¬ÒòΪʹÓÃTable²¼¾ÖÒ³Ãæ»áÊ¹Ò³ÃæÊ§È¥Áé»îÐÔ£¬Ôõô¸öÁé»î·¨ÄØ£¬±ÈÈç½ñÌìÄãºÃ²»
ÈÝÒ××ö³öÀ´µÄÒ³Ãæ£¬µÚ¶þÌìÀϰå˵ÎÒ²»Ï²»¶µÇ¼ģ¿é·Åµ½Óұߣ¬»¹ÊǷŵ½×ó±ß£¬Í¨Ö ......
¹æ·¶µÄÃüÃûÒ²ÊÇWeb±ê×¼
ÖеÄÖØÒªÒ»Ï±ê×¼µÄÃüÃû¿ÉÒÔ¸üºÃµÄ¿´¶®´úÂ룬ÎÒÏë´ó¼ÒÓ¦¸Ã¶¼ÓÐÕâÖÖ¾Àú£¬Ä³ÈÕ·³ö×Ô¼º¹ýȥдµÄ´úÂë
¾ÓÈ»¿´²»¶®ÁË£¬ºÇºÇ£¬ÎªÁ˱ÜÃâÕâÖÖÇé¿öÎÒÃǾÍÒª¹æ·¶»¯ÃüÃû£¬ÔÙ˵ÁË£¬ÏÖÔÚÒ»¸öÏîÄ¿²»ÊÇÒ»¸öÈ˾ͿÉÒÔÍê³ÉµÄ£¬ÊÇÐèÒª´ó¼Ò»¥ÏàºÏ×÷µÄ£¬Èç¹ûûÓй淶»¯ÃüÃû£¬±ð
È˾ÍÎÞ·¨¿´¶®ÄãµÄ´úÂ룬´ó´ó½µµÍÁ˹¤× ......
×¢ÒâÊÂÏ
ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó± ......