´¿CSSʵÏÖÏÂÀÁбí
<!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>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
*{ margin:0; padding:0;}
body{ font-size:12px; line-height:18px;}
li{ list-style:none;}
#nav{ position:relative; width:600px; margin:0 auto 10px; height:22px;}
#nav ul{ position:absolute;}
#nav ul li{ float:left; display:inline; width:120px; height:18px; padding-top:4px; overflow:hidden; margin:0 2px; text-align:center; background:#F5F5F5; color:#990; border:1px solid #EEE8DD; cursor:pointer; }
#nav ul .nav-on{height:auto;}
#nav ul li ul{ position:static;}
#nav ul li ul li{ display:block; padding:0; margin:0; height:27px; border:none;}
#nav ul li ul li a{ display:block; height:18px; padding:5px 0 4px; color:#666; text-decoration:none;}
#nav ul li ul li a:hover{ background:#539D26; color:#fff;}
.content { background:#ccc; width:600px; height:200px; margin:0 auto; }
</style>
</head>
<body>
<div id="nav">
<ul>
<li onmouseover="this.className='nav-on'" onmouseout="this.className=''">ÎÒµÄÊ×Ò³
<ul>
<li><a href="#">ÎÒ°®CSS</a></li>
<li><a href="#">ÎÒµÄÊ×Ò³</a></li>
<li><a href="#">ÎÒµÄÈÕÖ¾</a></li>
<li><a href="#">ÎÒµÄÈÕÖ¾</a></li>
<li><a href="#">ÎÒµÄÏà²á</a></li>
<li><a href="#">ÎÒµÄÊÕ²Ø</a></li>
Ïà¹ØÎĵµ£º
IE ä¯ÀÀÆ÷ÖÐ CSS ÌØÐÔµÄ×î´óµÄÎÊÌ⣺»á·´¸´Ö´ÐУ¬Ã¿ÃëÖÓ¿ÉÄÜÖ´ÐÐÁ˳ɰÙÉÏǧ´Î£¬ÓÐÑÏÖصÄÐÔÄÜÎÊÌâ¡£
ÈçºÎ¶Ô CSS ½øÐÐÓÅ»¯ÄØ£¿
ÖÁÉÙ£ºÈç¹ûÎÒÃǽ« CSS ÔÚÆ¥ÅäµÄÔªËØÖнöÖ´ÐÐÒ»´Î£¬ÐÔÄܽ«»áÌáÉýºÜ´ó¡£
&nb ......
¡¡ÖÆ×÷¹ýÍøÒ³µÄÈ˶¼ÓÐΪ»Ï߶ø·³ÄյľÀú£¬±¾ÎĽéÉܵÄС¼¼ÇÉÒ²Ðí¶ÔÄãÓÐËù°ïÖú¡£ÎÒÃÇÏÈÀ´ÈÏʶһÏ“Border”£¨»±ß¿ò£©£¬ËüÊÇCSSµÄÒ»¸öÊôÐÔ£¬ÓÃËü¿ÉÒÔ¸øÄÜÈ·¶¨·¶Î§µÄHTML±ê¼Ç£¨ÈçTD¡¢DIVµÈµÈ£©»±ß¿ò£¬Ëü¿ÉÒÔ¶¨Òå±ß¿òÏßµÄÀàÐÍ¡¢¿í¶ÈºÍÑÕÉ«£¬ÀûÓÃÕâ¸öÌØÐÔ£¬¿ÉÒÔÖÆ×÷һЩÌØÊâЧ¹û¡£ÏÂÃ潫ͨ¹ýʵÀýÀ´ËµÃ÷ÆäÓ¦Óü¼ÇÉ¡£ ......
ÔÚÓÃDIV+CSSÅÅ°æʱ£¬¾³£ÒªÊ¹×óÓÒÁ½±ßÀ¸Ä¿×Ô¶¯µÈ¸ß¡£ÕâÀï½éÉܸö¼òµ¥·½·¨~~
<!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>
<m ......
CSSÖÐvisibilityÓëdisplayµÄÇø±ð
CSSÖеÄÊôÐÔvisibilityÓëdisplay¶¼¿ÉʵÏÖÏÔʾ¡¢Òþ²ØÔªËصÄЧ¹û£¬µ«ËûÃÇÖ®¼äÒ²ÓкܴóµÄÇø±ð¡£
visibility¹æ¶¨ÔªËصÄÄÚÈÝÊÇ·ñÏÔʾ£»¶ødisplay¹æ¶¨ÔªËر¾ÉíµÄÏÖʵ·½Ê½£¬¿ÉÒÔ¾ö¶¨ÔªËر¾ÉíÊÇ·ñ¿É¼û¡£
visibilityµÄvisible±íʾÏÔʾ£¬hidden±íʾÒþ²Ø¡£µ±visibility±»ÉèÖÃΪ"hidden"ʱ£¬ËäȻԪËØ ......
1Äê¤Û¤ÉÇ°¤Ë×÷³É¤·¤¿¡¢(X)HTML¤ÈCSS¤Î¥Þー¥¯¥¢¥Ã¥×¥¬¥¤¥É¥é¥¤¥ó¤Ç¤¹¡£¥¢¥ë¥Ð¥¤¥ÈÏȤΥ¬¥¤¥É¥é¥¤¥ó²ß¶¨¤Î際¤Ë¡¢¥Õ¥¡ー¥¹¥È¥É¥é¥Õ¥È¤È¤·¤Æ¤Ä¤¯¤Ã¤¿¤â¤Î¤Ç¤¹¡£1Äꥢ¥Ã¥×¥Çー¥È¤·¤Æ¤¤¤Ê¤¤¤Î¤ÇÇé報¤â¹Å¤¤¤Ç¤¹¤·¡¢Ö±¤·¤¿¤¤¤È¤³¤í¤â¤¤¤¯¤Ä¤«¤¢¤ë¤Î¤Ç¤¹¤¬¡¢¤»¤Ã¤«¤¯¤Ê¤Î¤Ç¤³¤³¤Ë³ö¤·¤Æ¤ß¤Þ¤·¤¿¡£
......