ÓÃmargin»¹ÊÇÓÃpaddingÕâ¸öÎÊÌâÊÇÿ¸öѧϰCSS½ø½×ʱµÄ±Ø¾Ö®Â·¡£
CSS±ß¾àÊôÐÔ¶¨ÒåÔªËØÖÜΧµÄ¿Õ¼ä¡£Í¨¹ýʹÓõ¥¶ÀµÄÊôÐÔ£¬¿ÉÒÔ¶ÔÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÍâ±ß¾à½øÐÐÉèÖá£Ò²¿ÉÒÔʹÓüòдµÄÍâ±ß¾àÊôÐÔͬʱ¸Ä±äËùÓеÄÍâ±ß¾à¡£——W3School
±ß½ç(margin)£ºÔªËØÖÜΧÉú³É¶îÍâµÄ¿Õ°×Çø¡£“¿Õ°×Çø”ͨ³£ÊÇÖ¸ÆäËûÔªËØ²»ÄܳöÏÖÇÒ¸¸ÔªËر³¾°¿É¼ûµÄÇøÓò¡£——CSSȨÍþÖ¸ÄÏ
padding³ÆºôΪÄڱ߾࣬ÆäÅжϵÄÒÀ¾Ý¼´±ß¿òÀëÄÚÈÝÕýÎĵľàÀ룬¶øÎÒϲ»¶CSSȨÍþÖ¸ÄϽâÊ͵ē²¹°×”£¨»òÕ߽ГÁô°×”£©£¬ÒòΪËûºÜÐÎÏó¡£²¹°×(padding)£º²¹°×λÓÚÔªËØ¿òµÄ±ß½çÓëÄÚÈÝÇøÖ®¼ä¡£ºÜ×ÔÈ»£¬ÓÃÓÚÓ°ÏìÕâ¸öÇøÓòµÄÊôÐÔÊÇpadding¡£——CSSȨÍþÖ¸ÄÏ
¹ØÓÚʲôʱºòÓÃmarginʲôʱºòÓÃpadding£¬ÍøÉÏÓÐÐíÐí¶à¶àµÄÌÖÂÛ£¬´ó¶àÊýËÆºõÌÖÂÛµ½µãÉÏÃæ£¬È´ÓÖÓÐЩ¸ôѥɦÑ÷µÄ¸Ð¾õ£¬×ÜÊÇ´ð²»µ½µãÉÏ¡£¶øÇÒmarginºÍpaddingÔÚÐí¶àµØ·½ÍùÍùЧ¹û¶¼ÊÇһģһÑù£¬¶øÇÒÄãÒ²²»ÄÜ˵Õâ¸öÒ»¶¨µÃÓÃmarginÄǸöÒ»¶¨ÒªÓÃpadding£¬ÒòΪʵ¼ÊµÄЧ¹û¶¼Ò»Ñù£¬Äã˵marginÓÃÆðÀ´ºÃËû˵paddingÓÃÆðÀ´»á¸üºÃ£¬µ«ÍùÍùÕùÂÛÎÞ¹û¡£¸ù¾ÝÍøÉϵÄ×ܽá¹éÄÉ´óÖ·¢ÏÖÕ⼸Ìõ»¹ÊDZȽϿ¿Æ×µÄ£º
ºÎʱӦµ±Ê¹ÓÃmargin£º
ÐèÒªÔÚborderÍâ²àÌí¼Ó¿Õ°×ʱ¡£
¿Õ°×´¦²»ÐèÒª±³¾°£¨É«£©Ê±¡£
ÉÏÏÂÏàÁ¬µÄÁ½¸öºÐ×ÓÖ®¼äµÄ¿Õ°×£¬ÐèÒªÏ໥µÖÏûʱ¡£Èç15px + 20pxµÄmargin£¬½«µÃµ½20pxµÄ¿Õ°×¡£