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

DIV CSSÍøÒ³²¼¾Ö£º×îС¸ß¶È£¨min height£©µÄÃîÓÃ

×îС¸ß¶È¿ÉÒÔÉ趨һ¸öBOXµÄ×îС¸ß¶È£¬µ±ÆäÄÚÈݽÏÉÙʱʱ£¬Ò²Äܱ£³ÖBOXµÄ¸ß¶ÈΪһ¶¨£¬³¬³ö¾Í×Ô¶¯ÏòÏÂÑÓÉ죬µ«µ½Ä¿Ç°ÎªÖ¹£¬Ö»ÓÐ
Opera ºÍ Mozilla Ö§³Ö£¬IE7¿ªÊ¼Ò²Ö§³ÖÁË£¬µ«IE7´¦ÓÚ²âÊԽ׶Σ¬µÈÕýʽ°æ·¢²¼µ½ÆÕ¼°ÐèÒ»¶ÎÒ²Ðí±È½Ï³¤µÄʱ¼ä£¬³ý·ÇMS°ÑËüÀ¦°óÔÚij¸ö
²Ù×÷ϵͳÉÏ£¬ÈçºÎÔÚÏÖÓлù´¡ÉÏ£¨IE6 80-90%£©£¬ºÏÀí¡¢ÃîÓÃ×îС¸ß¶ÈÁË£¿
¼Ù¶¨Óжþ¸öBOX£¬ÎÒÃÇÐèÒªËüµÄ×îС¸ß¶ÈΪ150PX¡£
CSS
       div.box1,div.box2{
          width: 300px;
          min-height: 150px;
          background: #EEE;
          float: left;
          margin-right: 20px;
          }
xhtml
<div>IEÖÐû±£³Ö×îС¸ß¶ÈΪ150px</div>
<div>
×îС¸ß¶È¿ÉÒÔÉ趨һ¸öBOXµÄ×îС¸ß¶È£¬ µ±ÆäÄÚÈݽÏÉÙʱʱ£¬Ò²Äܱ£³ÖBOXµÄ¸ß¶ÈΪһ¶¨</div>
ÏÖ
ÔÚµÄЧ¹û£¬IEÖÐû±£³Ö×îС¸ß¶ÈΪ150px¡£
½â¾öµÄ·½·¨
ΪIEÉ趨һ¸ö¸ß¶È
* html div.box1,* html div.box2{height: 150px;}
wellstyled.com µÄ
½â¾ö·½·¨ÊDzÉÓàCSS µÄÊôÐÔÑ¡Ôñ·û£¨Attribute Selectors£©
div.box1,div.box2{ ......height: 150px;} 
/* IE¿¿Õâ±£
³Ö×îС¸ß¶È£¬³¬³ö¾Í×Ô¶¯ÏòÏÂÑÓÉì */
div[class].box1,div[class].box2{height: auto;}  
/* ¾ß
ÓÐÀàÑ¡Ôñ·û(class)ÊôÐÔµÄDIV¶ÔÏó */
IE×ÔÈ»ÓÖÊDz»Ö§³ÖµÄÀ²£¬Opera ºÍ Mozilla Ö§
³Ö£¬¶ÁÈ¡Õâ¸ö¸ß¶È¡£¿ÉÓ¦Óó¡ºÏ£ºËÑË÷¡¢ÎÄÕµÈÒ³Ãæ£¨Ã»²ÉÓÃ100%¸ß¶È£¬µ±Ëѵ½µÄÄÚÈݽÏÉÙʱ£¬²»ÖÁÓÚÒ³ÃæÌ«¶Ì¡£


Ïà¹ØÎĵµ£º

HTML,CSS±à¼­Æ÷:Crescent Eve

Crescent Eve(http://www.kashim.com/eve/
)ÊÇÃâ·ÑµÄHTML,CSSµÄ±à¼­Æ÷.
ºÍ¼Çʱ¾ÀàËÆ,·Ç³£¼ò½à.
Ö÷ÒªÓÐÒÔÏÂ4¸ö¹¦ÄÜ
   HTMLµÄtagÊäÈëÌáʾ
   tagÊôÐÔµÄÊäÈëÌáʾ
   HTMLµÄÓï·¨¼ì²é
   HTMLÔ¤ÀÀ
Ôڱ༭HTML»­ÃæÊ±·Ç³£ÓÐÓÃ.
Crescent EveÊǷdz£Ð¡µÄÒ»¸ö±à¼­Æ÷,²Ù×÷Ò²·Ç³£¼ò ......

css±³¾°Í¼Æ¬Ïà¹Ø

                              CSS±³¾°ÊôÐÔ
±³¾°ÑÕÉ«ÊôÐÔ(background-color)
Õâ¸öÊôÐÔΪHTMLÔªËØÉ趨±³¾°ÑÕÉ«£¬Ï൱ÓÚHTMLÖÐbgcolorÊôÐÔ¡£
body {background ......

W3C¶ÔÓÚCSS¼°ä¯ÀÀÆ÷Ö®¼äµÄ¼æÈÝÐÔÎÊÌâ½â¾ö·½°¸

ÎÄÕÂÀ´×Ô£ºhttp://mayer.vokaa.com/archives/16
¶ÔÓÚÒ»¸öǰ¶Ë¹¤×÷Õߣ¬¶¼ÖªµÀ·ûºÏW3C¹æ·¶¶ÔÓÚÍøÒ³µÄ¿çä¯ÀÀÆ÷¹¤×÷´øÀ´ºÃ´¦£¬²¢ÄÜÊ¹ÍøÒ³ÔÚ²»Í¬µÄä¯ÀÀÆ÷Ö®¼ä»¥Ïà¼æÈÝ¡£
ÔÚÕâÀïÎÒÃÇÒ»Ò»Áоٻ¥ÁªÍøÉÏËùÌṩµÄ½â¾ö°ì·¨¼°Ò»Ð©ÎÒ¸öÈ˵Ľ¨Ò鼰ʵ¼ù°¸Àý¡£
Æäʵ£¬ÏÖÔÚ¶àÊýÈ˶¼»áʹÓÃHackµÄ·½·¨½â¾ö£¬µ«Èç¹ûDIVºÍCSSµÄ½á¹¹ÇåÎú¡¢ºÏÀí£ ......

¸Ä±äÒ³ÃæÊ¹ÓõÄCSSÎļþ£¬Ê¹ÍøÒ³½øÐв¼¾Ö»òÉ«µ÷µÈ¸Ä±ä

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>ÎÞ±êÌâÒ³</title>
<LINK href="../css/skin1.css" mce_href="css/skin1.css" rel="stylesheet" type="text/css">
<mce:script language="JavaScript" type="text/javascript"><!--
function changeSkin(n ......

ÉÆÓÃcssËõд¹æÔò

Ò»¡¢  ÉÆÓÃcssËõд¹æÔò
/*×¢ÒâÉÏ¡¢ÓÒ¡¢Ï¡¢×óµÄÊéд˳Ðò*/
1.      ¹ØÓڱ߾ࣨ4±ß£©£º
1px 2px 3px 4px (ÉÏ¡¢ÓÒ¡¢Ï¡¢×ó)
1px 2px 3px    £¨Ê¡ÂÔµÄ×óµÈÓÚÓÒ£©
1px 2px        (Ê¡ÂÔµÄÉϵÈÓÚÏÂ)
1px & ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ