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

css ×óÓÒMargin¼Ó±¶µÄÎÊÌâ

µ±div²ãΪfloatʱ£¬IE6ÖÐbox×óÓÒµÄmargin»á¼Ó±¶
±ÈÈ磺
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<style>
.outer {
  width:500px;
  height:200px;
  background:#000;
}
.inner {
  float:left;
  width:200px;
  height:100px;
  margin:5px;
  background:#fff;
}
</style>
</head>
<body>
<div class="outer">
<div class="inner"></div>
<div class="inner"></div>
</div>
</body>
</html>
×óÃæµÄinnerµÄ×óÃæmarginÃ÷ÏÔ´óÓÚ5px¡£
Õâʱºò£¬¶¨ÒåinnerµÄdisplayÊôÐÔΪinline¡£


Ïà¹ØÎĵµ£º

¡¾Ê®Ì쾫ͨdiv+css²¼¾ÖϵÁн̡̳¿Ö®°Ë£ºCSS²¼¾ÖÈëÃÅ

1.¶¨ÒåDIV
¡¡¡¡·ÖÎöÒ»¸öµäÐ͵͍ÒådivÀý×Ó£º
¡¡¡¡#sample{ MARGIN: 10px 10px 10px 10px;
¡¡¡¡PADDING:20px 10px 10px 20px;
¡¡¡¡BORDER-TOP: #CCC 2px solid;
¡¡¡¡BORDER-RIGHT: #CCC 2px solid;
¡¡¡¡BORDER-BOTTOM: #CCC 2px solid;
¡¡¡¡BORDER-LEFT: #CCC 2px solid;
¡¡¡¡BACKGROUND: url(images/bg_poem.jpg) # ......

Ŀǰ±È½ÏÈ«µÄCSSÖØÉè(reset)·½·¨×ܽá

¡¡¡¡ÔÚµ±½ñÍøÒ³Éè¼Æ/¿ª·¢Êµ¼ùÖУ¬Ê¹ÓÃCSSÀ´ÎªÓïÒ廯µÄ(X)HTML±ê¼ÇÌí¼ÓÑùʽ·ç¸ñÊÇÖØÒªµÄ¹Ø¼ü¡£ÔÚÉè¼ÆÊ¦ÃǵÄÃÎÏëÖж¼´æÔÚ×ÅÕâÑùµÄÒ»¸öÍêÃÀ
ÊÀ½ç:ËùÓеÄä¯ÀÀÆ÷¶¼Äܹ»Àí½âºÍÊÊÓöàÓÐCSS¹æÔò£¬²¢ÇÒ³ÊÏÖÏàͬµÄÊÓ¾õЧ¹û(ûÓмæÈÝÐÔÎÊÌâ)¡£µ«ÊÇ£¬ÎÒÃDz¢Ã»ÓÐÉú»îÔÚÕâ¸öÍêÃÀµÄÊÀ½ç£¬ÏÖʵÖз¢ÉúµÄʧ
ÇÔÈ´×ÜÊÇǡǡÏà·´£¬ºÜ¶àCSSÑùʽÔÚ ......

CSSÑ¡ÏЧ¹û´úÂëÑÝʾ


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSSÑ¡ÏЧ¹û´úÂëÑÝʾ</title>
</head>
<body>

<mce:style type="text/css"><!--
div.card div{
background-color:#FF8 ......

CSS¶¨Î»

1.¶¨Î»µÄ¶¨Òå
CSSÖж¨Î»ÓÃposition:static|relative|absolute|fixedÀ´ÊµÏÖ
    static:1.Õý³£Á÷ÏÔʾ£»2.²»ÄÜͨ¹ýz-index½øÐвãµþ·Ö¼¶£»3.¿ÉÉèÖÃwidth,height£»4.ÉèÖÃtop,right,bottom,leftÎÞЧ
    relative:1.²»ÍÑÀëÎĵµÁ÷£¬²Î¿¼×ÔÉíµÄ¾²Ì¬Î»Öã¬Í¨¹ýtop,right,bottom,left½øÐ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ