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

CSSÖеÄmarginÓëpaddingÓÐÊ²Ã´Çø±ðÄØ

margin Íâ±ß¾à
border ±ß¿ò
padding Äڱ߾à
Ò²¾ÍÊÇ˵ ÉèÖÃmargin ÄÇôËûËùÕ¼¾ÝµÄ¿Õ°×µØ·½»áÊÇÔڱ߿òÍâÃæ
ÉèÖÃpadding ËûËùÕ¼¾ÝµÄ¿Õ°×µØ·½ÊÇÔڱ߿òÀïÃæ
¶øÇÒÔÚIE6 һϵİ汾ÖÐ ´æÔÚÕâpadding ¼ÆËã´íÎóµÄBUG
CSS µÄ¿í¶ÈÊôÐÔ±¾À´ÊDz»°üº¬paddingµÄ µ«ÊÇ ÔÚieÏÂÃæÓеÄʱºò¿í¶ÈÊǰüº¬padding ËùÒÔ ½¨ÒéÔÚ²»ÊìϤCSS ÔÚ¶¨Î»µÄʱºò ¶¼ÓÃmarginÊôÐÔ


Ïà¹ØÎĵµ£º

CSS¶¨Î»

¶¨Î»Ò»Ö±ÊÇWEB±ê×¼Ó¦ÓÃÖеÄÄѵ㣬Èç¹ûÀí²»Çå³þ¶¨Î»ÄÇô¿ÉÄÜӦʵÏÖµÄЧ¹ûʵÏÖ²»ÁË£¬ÊµÏÖÁ˵ÄЧ¹û¿ÉÄÜ»á×ßÑù¡£Èç¹ûÀíÇåÁ˶¨Î»µÄÔ­Àí£¬ÄǶ¨Î»»áÈÃÍøÒ³ÊµÏֵĸü¼ÓÍêÃÀ¡£
¶¨Î»µÄ¶¨Ò壺
ÔÚCSSÖйØÓÚ¶¨Î»µÄÄÚÈÝÊÇ£ºposition:relative | absolute | static | fixed
static ûÓÐÌØ±ðµÄÉ趨£¬×ñÑ­»ù±¾µÄ¶¨Î»¹æ¶¨£¬²»ÄÜͨ¹ýz-index½ ......

css:divÊôÐÔÏê½â


margin£º²ãµÄ±ß¿òÒÔÍâÁôµÄ¿Õ°×
background-color£º±³¾°ÑÕÉ«
background-image£º±³¾°Í¼Æ¬
padding£º²ãµÄ±ß¿òµ½²ãµÄÄÚÈÝÖ®¼äµÄ¿Õ°×  
border£º±ß¿ò  
content£ºÄÚÈÝ
 
²½ÖèÒ»¡¢
·ÖÎöÒ»¸öµäÐ͵͍ÒådivÀý×Ó£º
 #sample{
margin:10px;
border: #111 10px solid;
......

CSSºÐÄ£ÐÍÏêϸ½²½â

CSS ºÐÄ£ÐÍ
¡¡¡¡ÍøÒ³Éè¼ÆÖеÄÿ¸öÔªËØ¶¼Êdz¤·½ÐεĺÐ×Ó¡£ºÐ×ӵijߴçÊÇÔõÑù¾«È·¼ÆËãµÄ£¬Çë¿´ÏÂͼ£º
¡¡¡¡
¡¡¡¡Èç¹ûÊÇ Firebug Óû§µÄ»°(»ù±¾ºÍǰ¶ËÓйصͼ»áÓõ½ Firebug °É – ÌǰéÎ÷ºìÊÁ)£¬¾Í»áºÜÊìϤÏÂÃæµÄͼ±íÁË¡£
¡¡¡¡Õâ¸öͼ±íºÜºÃµØÕ¹Ê¾ÁË×÷ÓÃÓÚÒ³ÃæÉÏÈÎÒâºÐ×ÓµÄÊýÖµ¡£
¡¡¡¡
¡¡¡¡×¢ÒâÒÔÉÏÁ½¸öÀý×ÓÖУ¬margi ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ