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

¡¾Ê®Ì쾫ͨ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"ÃüÁî·½·¨µ÷ÓÃÑùʽ±í¡£


Ïà¹ØÎĵµ£º

CSSÖÐpositionµÄabsoluteºÍrelativeµÄÓ¦ÓÃ

positionÊôÐÔÆäʵÊÇÖ¸±¾Ìå¶ÔÉϼ¶µÄ¶¨Î»¡£Èç¹ûÕâôÀí½â£¬¾ÍºÃ°ìÁË¡£
ĬÈϵÄÊôÐÔÖµ¶¼ÊÇstatic£¬¾²Ì¬¡£¾Í²»Óöà˵ÁË¡£×î¹Ø¼üµÄÊÇ
relative£¨Ïà¶Ô£©ÒÔ¼°absolute£¨¾ø¶Ô£©¡£
ÍùÍùÎÒÃÇÈç¹ûÊÇCOPY±ðÈ˵ĴúÂ룬»á°ÑabsoluteÊôÐÔÓëleft¡¢topÅäºÏÆðÀ´ÖÆ×÷Ïà¹ØµÄ“Ðü¸¡²ã”Ч¹û¡£È»¶øÓÐʱºòÎÒÃÇÐèÒªÕë¶Ôijһ¸öÈÝÆ÷µÄÐü¸¡Ð ......

15¸öCSS³£ÓÃ֪ʶ

ÉùÃ÷£º±¾ÎÄת×Ôwww.52css.com
1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà1px µÄÔ­Òò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£ 
2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓà ......

CSSä¯ÀÀÆ÷¼æÈÝÎÊÌâÕûÀí

´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃû.
CSS¼¼ÇÉ
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚ ......

ͼƬ¾ÓÖÐÏÔʾµÄcssÑùʽ´úÂë

.box128{
    width:128px;
    height:128px;
    text-align: center;
    vertical-align:middle;
    display:table-cell !important;
    display:block;
    border:1px solid #DDD;
   ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ