CSS ÖÐÓ¢Îĵ¼º½
CSS:
<style type="text/css">
a{
color: #FFFF99;
text-decoration: none;
}
a:hover{
color: #FFFFFF;
text-decoration: underline;
}
#nav{
padding: 10px 10px 0;
font-size: 12px;
font-weight: bold;
margin: 1em 0 0;
list-style:none;
}
#nav li{
float: left;
margin-right: 1px;
}
.bi{
position: relative;
z-index: 0;
}
.bi:hover{
z-index: 99;
}
.bi:hover span{
visibility: visible;
top: 0;
left: 0;
cursor: pointer;
}
.bi span{
position: absolute;
left: -999em;
visibility: hidden;
}
#nav li a,.bi:hover span{
line-height: 20px;
text-decoration: none;
background: #DDDDDD;
color: #666666;
display: block;
width: 80px;
text-align: center;
}
#nav li a:hover,.bi:hover span{
color: #FFFFFF;
background: #DC4E1B;
}
.bi:hover span{
padding-top: 2px;
}
#navbar{
background: #DC4E1B;
height: 8px;
overflow: hidden;
clear: both;
}
</style>
<ul id="nav">
<li><a class="bi" href="http://download.csdn.net//">hanlinwang.org<span>ÎÒ°®CSS</span></a></li>
<li><a class="bi" href="#">About us<span>¹ØÓÚÎÒÃÇ</span></a></li>
<li><a class="bi" href="#">Products<span>²úƷչʾ</span></a></li>
<li><a class="bi" href="#">Services<span>ÊÛºó·þÎñ</span></a></li>
<li><a class="bi" href="#">Contact<span>ÁªÏµÎÒÃÇ</span></a></li>
</ul>
<div id="navbar"></div>
Ïà¹ØÎĵµ£º
ÓÉÓÚÍøÕ¾µÄÖ÷ҪƵµÀÒ³ºÍÁбíÒ³µÄÍ·²¿ºÍµ×²¿¶¼ÊÇÒ»ÑùµÄ£¬Èç¹û½«Ã¿¸öÒ³Ãæ·ÅÔÚµ¥¶ÀµÄÒ³ÃæÖУ¬µ±Í·²¿ºÍµ×²¿ÐèÒª¸ü¸Äʱά»¤Á¿Ì«´ó¡£ÓÚÊÇÏë°ÑÍ·²¿ºÍµ×²¿×ö³Éĸ°æÒ³£¬ÆµµÀÒ³ºÍÁбíÒ³µÄ¾ßÌåÄÚÈݷŵ½ÄÚÈÝÒ³ÖС£ÕâÑùµ±Í·ºÍµ×ÐèÒª¸Ä¶¯Ê±£¬Ö»ÒªÐÞ¸ÄÒ»ÏÂĸ°æÒ³¾Í¿ÉÒÔÁË¡£
ºÃ´¦ÓÐÁË£¬ÎÊÌâÒ²½Ó×ÅÀ´Á ......
jsÒªÇó£ºÎªÊ¹ÏµÍ³ÄÜÔÚIEºÍFFÏÂÕý³£ÔËÐУ¬²»ÒªÊ¹ÓÃÔÉú̬µÄjavascript£¬½¨ÒéʹÓÃjsµÄ¿â£¨È磺jquery£©
²¢ÇÒÒªÇóÓÃjqueryÖУ¬»ñÈ¡¶ÔÏóµÄÊôÐÔʹÓÃ$obj.attr("attrName"),²»ÒªÊ¹ÓÃobj.attrName,·ÀÖ¹×Ô¶¨ÒåµÄÊôÐÔÔÚFFÖв»ÄÜÕý³£ÔËÐÐ
1¡¢ÎÊÌ⣺<span></span>ÔÚFFÏÂÔË ......
CSS HackËÙ¼Ç: *html , IE +html , IE _html , IE6 *+html , IE7 height/*\**/,IE8 ±ØÐë±£Ö¤HTML¶¥²¿ÓÐÈçÏÂÉùÃ÷:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ʾÀý height:100px;¡¾FF¡¿ ......
1¡¢IEÓëFirefox϶ÔCSS½âÎöµÄÇø±ð
¶Ô¸ß¶ÈµÄ½âÎö
IE£º½«¸ù¾ÝÄÚÈݵĸ߶ȱ仯£¬°üÀ¨Î´¶¨Òå¸ß¶ÈµÄͼƬÄÚÈÝ£¬¼´Ê¹¶¨ÒåÁ˸߶ȣ¬µ±ÄÚÈݳ¬¹ý¸ß¶Èʱ£¬½«Ê¹ÓÃʵ¼Ê¸ß¶È
Firefox£ºÃ»Óж¨Òå¸ß¶Èʱ£¬Èç¹ûÄÚÈÝÖаüÀ¨ÁËͼƬÄÚÈÝ£¬MFµÄ¸ß¶È½âÎöÊǸù¾ÝÓ¡Ë¢±ê×¼£¬ÕâÑù¾Í»áÔì³ÉºÍʵ¼ÊÄÚÈݸ߶Ȳ»·ûºÏµÄÇé¿ö£»µ±¶¨ÒåÁ˸߶ȣ¬µ«ÊÇÄÚÈݳ¬¹ý¸ß¶Èʱ ......
Ñ¡ÔñÆ÷µÄ·Ö×é
Òâ˼¾ÍÊÇ˵¼¸¸öÑ¡ÔñÆ÷¿ÉÒÔͬʱʹÓÃÒ»¸öÉùÃ÷£¬µ«ÊÇÑ¡ÔñÆ÷Ö®¼ä¼Çסһ¶¨ÒªÓöººÅÀ´¸ô¿ª£¬ÕâÑùÎÒÃÇ»á½ÚÊ¡Á˺ܶà´úÂë
ÎÒÃǾٸöÀý×Ó°É£¡
h1,h2,h2,h3,h5,h6 {
color: red; background:blue;
}
ÕâÑùËùÓеÄh±êÌâ±êÇ©µÄ×ÖÌåÑÕÉ«ÊǺìÉ«£¬±³¾°ÊÇÀ¶É«£»Ó¦¸ÃÇå³þÁ˰ɣ¡
css¼Ì³ÐÐÔµÄÎÊÌâ
×ÓÔªËØ¼Ì³Ð¸¸ÔªËØµÄ ......