¡¾Ê®Ì쾫ͨdiv+css²¼¾ÖϵÁн̡̳¿Ö®ËÄ£ºµ÷ÓÃÑùʽ±í
ÊÂʵÉÏ£¬ËùÓбíÏֵĵط½¶¼ÐèÒªÓÃCSSÀ´ÊµÏÖ¡£ÎÒÃÇÒÔǰ¶¼Ï°¹ßÓÃtableÀ´¶¨Î»ºÍ²¼¾Ö£¬ÏÖÔÚÒª¸ÄÓÃDIVÀ´¶¨Î»ºÍ²¼¾Ö¡£ÕâÊÇ˼ά·½Ê½µÄ±ä»¯£¬Ò»¿ªÊ¼ÓÐЩ²»Ï°¹ß¡£ºÇºÇ£¬Èκαä¸ï¶¼»áÓÐ×èÁ¦µÄ£¬ÎªÁËÏíÊܱê×¼´øÀ´µÄ"Òæ´¦"£¬·ÅÆúһЩÀϵĴ«Í³×ö·¨ÊÇÖµµÃµÄ¡£
¡¡¡¡Íⲿµ÷ÓÃÑùʽ±í
¡¡¡¡ÔÚÒÔǰ£¬ÎÒÃÇͨ³£²ÉÓÃ2ÖÖ·½·¨Ê¹ÓÃÑùʽ±í£º
¡¡¡¡Ò³ÃæÄÚǶ·¨£º¾ÍÊǽ«Ñùʽ±íÖ±½ÓдÔÚÒ³Ãæ´úÂëµÄheadÇø¡£ÀàËÆÕâÑù£º
¡¡¡¡<style type="text/css"> <!-- body { background : white ; color : black ; } --> </style>
¡¡
¡¡¡¡Íⲿµ÷Ó÷¨£º½«Ñùʽ±íдÔÚÒ»¸ö¶ÀÁ¢µÄ.cssÎļþÖУ¬È»ºóÔÚÒ³ÃæheadÇøÓÃÀàËÆÒÔÏ´úÂëµ÷Óá£
¡¡
¡¡¡¡<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
¡¡¡¡ÔÚ·ûºÏweb±ê×¼µÄÉè¼ÆÖУ¬ÎÒÃÇʹÓÃÍⲿµ÷Ó÷¨£¬ºÃ´¦²»ÑÔ¶øÓ÷£¬Äã¿ÉÒÔ²»ÐÞ¸ÄÒ³ÃæÖ»ÐÞ¸Ä.cssÎļþ¶ø¸Ä±äÒ³ÃæµÄÑùʽ¡£Èç¹ûËùÓÐÒ³Ãæ¶¼µ÷ÓÃͬһ¸öÑùʽ±íÎļþ£¬ÄÇô¸ÄÒ»¸öÑùʽ±íÎļþ£¬¿ÉÒԸıäËùÓÐÎļþµÄÑùʽ¡£
¡¡¡¡Ë«±í·¨µ÷ÓÃÑùʽ±í
¡¡¡¡²é¿´Ä³Ð©·ûºÏ±ê×¼Õ¾µãµÄÔ´úÂ룬Äã¿ÉÄÜ¿´µ½£¬ÔÚµ÷ÓÃÑùʽ±íµÄµØ·½ÓÐÈçÏÂ2¾ä£º
¡¡¡¡<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all">@import url( css/style01.css );</style>
¡¡¡¡ÎªÊ²Ã´ÒªÐ´Á½´ÎÄØ£¿
¡¡¡¡Êµ¼ÊÉÏÒ»°ãÇé¿öÏÂÓÃÍâÁª·¨µ÷ÓÃ(¾ÍÊǵÚÒ»¾ä)¾Í×ã¹»ÁË¡£ÎÒÕâÀïʹÓÃË«±íµ÷ÓÃÖ»ÊÇÒ»ÖÖʾÀý¡£ÆäÖеÄ"@import"ÃüÁîÓÃÓÚÊäÈëÑùʽ±í¡£¶ø"@import"ÃüÁîÔÚnetscape 4.0°æ±¾ä¯ÀÀÆ÷ÊÇÎÞЧµÄ¡£Ò²¾ÍÊÇ˵£¬µ±ÄãÏ£ÍûijЩЧ¹ûÔÚnetscape 4.0ä¯ÀÀÆ÷ÖÐÒþ²Ø£¬ÔÚ4.0ÒÔÉÏ»òÆäËüä¯ÀÀÆ÷ÖÐÓÖÏÔʾµÄʱºò£¬Äã¿ÉÒÔ²ÉÓÃ"@import"ÃüÁî·½·¨µ÷ÓÃÑùʽ±í¡£
Ïà¹ØÎĵµ£º
positionÊôÐÔÆäʵÊÇÖ¸±¾Ìå¶ÔÉϼ¶µÄ¶¨Î»¡£Èç¹ûÕâôÀí½â£¬¾ÍºÃ°ìÁË¡£
ĬÈϵÄÊôÐÔÖµ¶¼ÊÇstatic£¬¾²Ì¬¡£¾Í²»Óöà˵ÁË¡£×î¹Ø¼üµÄÊÇ
relative£¨Ïà¶Ô£©ÒÔ¼°absolute£¨¾ø¶Ô£©¡£
ÍùÍùÎÒÃÇÈç¹ûÊÇCOPY±ðÈ˵ĴúÂ룬»á°ÑabsoluteÊôÐÔÓëleft¡¢topÅäºÏÆðÀ´ÖÆ×÷Ïà¹ØµÄ“Ðü¸¡²ã”Ч¹û¡£È»¶øÓÐʱºòÎÒÃÇÐèÒªÕë¶Ôijһ¸öÈÝÆ÷µÄÐü¸¡Ð ......
ÉùÃ÷£º±¾ÎÄת×Ôwww.52css.com
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà 1px µÄÔÒò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓà ......
´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃû.
CSS¼¼ÇÉ
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚ ......
.box128{
width:128px;
height:128px;
text-align: center;
vertical-align:middle;
display:table-cell !important;
display:block;
border:1px solid #DDD;
  ......