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

DIV+CSSÖÆ×÷¹ö¶¯Ìõ


<style> 
* {  
 margin:0;  
 padding:0;  
}  
body {  
 font-size:12px;  
 font-family:Verdana, Arial, Helvetica, sans-serif;  
 background:#FFFFFF;  
 margin:10px;  
}  
#box1 {  
 border:1px solid #cccccc; padding:2px; width:80%; height:100px;  
 margin:0 auto;  
}  
#box2 {  
 height:100%;overflow: auto;  
}  
</style> 
<div id="box1"> 
  <div id="box2">¹ö¶¯Ìõ³öÀ´À­<br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
  </div> 
</div>


Ïà¹ØÎĵµ£º

ÎÒдdiv+css¹ý³Ì

ÕâÊÇÔ­ÏÈÎÒдµÄ ±¸ÍüµÄ ¾¡¹ÜдµÄºÜÀÃ
frame.css
Java´úÂë
CHARSET "UTF-°Ë";
html,body{
margin: Áãpx;
padding: Áãpx;
height: 100%;
/*font-size: 12px;
color: #666666;
background: #ffffff;*/
}
*{
margin: Áãpx;
padding: Áãpx;
}
/*ÓÉÓÚÓÃÁËÏà¶ÔλÖøñ¾Ö£¬Ó¦·Ö±æÂÊÌ«´óʱ£¬Í¼Æ¬ºÍÎÄ ......

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½øÐ ......

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/htm ......

CSS±Ê¼ÇÖ®¼òд

2009-10-20 13:30:21
¼òдCSSÒ»Ö±±»ÎÒÍü¼Ç£¬Ã»°ì·¨¾ÍËÑÁ˵ã×ÊÁÏ£¬¼Ç¼ÈçÏ£º
font
¼òд£º
font:italic small-caps bold 12px/1.5em arial,verdana;
µÈЧÓÚ£º
font-style:italic;font-variant:small-caps;font-weight:bold;font-size:12px;line-height:1.5em;font-family:arial,verdana;
˳Ðò£ºfont-style | font-var ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ