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

IE6 Ï£ºhover ÖÐbug½â¾öÁË£¨´¿CSS£©

Õâ¸öbug£¬Ö÷ÒªÊÇÒ»¸ö¶þ¼¶²Ëµ¥£¬ÔÚie7ÖÐhoverʱÕý³£ÏÔʾ³öÀ´£¬ÔÚie6ÏÂûÓÐЧ¹û¡£ÔÚÍøÉÏÕÒÁ˺ܶà×ÊÁÏ£¬ÅªÁ˺ü¸Ì죬×îÖÕÊDzÎÕÕ±ðÈ˵ĴúÂ룬ÓõĴ¿css¾­¹ý×Ô¼ºµÄÕûÀí£¬¾Í°ÑËü¸øÅªÏÂÀ´ÁË¡£Ï£ÍûÒÔºó×Ô¼º¶àÀ´¿´¿´¡£
ÈçÏ£º
 £­£­£­£­£­£­£­£­£­£­£­£­£­£­£­£­£­£­£­
css´úÂ룺
.allMenu
{
    width: 894px;
    height: 22px;
    line-height: 22px;
    margin: 7px 3px 1px 3px;
    background: url(images/menubg.GIF) repeat-x top left;
}
.allMenu .select
{
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    list-style-type: none;
}
.allMenu LI
{
    height: auto;
    padding: 0px;
    float: left;
    margin: 0px;
}
.allMenu .select A
{
    height: 22px;
    padding: 0 20px 0 20px;
    display: block;
    float: left;
    color: Black;
    line-height: 22px;
    white-space: nowrap;
    text-decoration: none;
}
.allMenu .select A:hover /* for ie6 */
{
    cursor: pointer;
    background: url(images/hoverbg.JPG) repeat-x top left;
}
.allMenu .select LI:hover A
{
    cursor: pointer;
    background: url(images/hoverbg.JPG) repeat-x top left;
}
.allMenu .select A:hover B    /* for ie6,Ö÷ÒªÔÚie6ÏÂÑùʽÓб仯 */
{
    cursor: pointer;
    background: url(images/hoverbg.JPG) repeat-x top left;
    display: block;
    float: left;
}
.allMenu  .select_sub {
 display: none; /*²»¿É¼û*/
}
.allMenu .sub
{
    padding: 0px;
    margin: 0px auto;
    list-style-type: none;
}
.nav TABLE
{
    font-size: 1em;
 &nbs


Ïà¹ØÎĵµ£º

¹ØÓÚcssÑùʽѡÔñÆ÷

1.idÑ¡ÔñÆ÷
idÑ¡ÔñÆ÷µÄÃüÃûÓ¦¼á³ÖÌåÏÖÎĵµµÄ½á¹¹ºÍλÖá£
Èç:#header¡¢#footer¡¢#left µÈ
2.classÑ¡ÔñÆ÷
classÑ¡ÔñÆ÷µÄÃüÃûÓ¦¸ÃÌåÏÖÃû³ÆµÄÑùʽÃèÊöÐÔ¡£
È磺.red¡¢.underline µÈ
3.¶ÔÓÚÄ£¿éµÄÍâΧ½á¹¹ÔªËØ×îºÃÓÃidÊôÐÔ£¬ÄÚ²¿ÔªËØ¿ÉÒÔ¶¨ÒåclassÊôÐÔ£¬
ÒòΪÍâΧµÄ½á¹¹Ò»°ãʽΨһµÄ¡£¶øÄÚ²¿µÄÔªËØ¿ÉÄÜ»á³öÏÖÖØ¸´¡£
ÁíÍ ......

10¸ö·Ç³£ÓÐÓõÄCSS¼¼ÇÉ


1. ½«ÍøÒ³»òÔªËØ¾ÓÖР      
      
    
HTML£º
<div class="wrap">  
</div><!-- end wrap -->  
CSS£º
.wrap { width:960px; margin:0 auto;}   ......

CSSѧϰÕß:2008Äê²»Òª×÷¸¡ÔêµÄÈË

еÄÒ»Ä꣬еĿªÊ¼£¡ÍøÒ³½ÌÑ§ÍøÓë¸÷λ¹²Ã㣡±¾ÎÄд¸øCSSerͬÈÊ——Çë²»Òª×ö¸¡ÔêµÄÈË 
¡¡¡¡²»Òª±»¶ÔÏó¡¢ÊôÐÔ¡¢·½·¨µÈ´Ê»ãËùÃÔ»ó£»×î¸ù±¾µÄÊÇÏÈÁ˽â×î»ù´¡ÖªÊ¶£» 
¡¡¡¡²»Òª·Å¹ýÈκÎÒ»¸ö¿´ÉÏÈ¥ºÜ¼òµ¥µÄСÎÊÌâ--ËûÃÇÍùÍù²¢²»ÄÇô¼òµ¥£¬»òÕß¿ÉÒÔÒýÉì³öºÜ¶à֪ʶµã£»²»»á¾ÙÒ»·´ÈýÄã¾ÍÓÀԶѧ²»»á£»  ......

div+css²¼¾Ö

1.È«²¿µÄ´úÂë¾ùÔÚÒ»¸öDIVÈÝÆ÷(ÎÒÔÝʱÕâÑù³Æºô) HeadÀïÃæ,ÎÒÃÇÀ´¿´¿´HeadµÄд·¨
#Head{
    text-align:center;
}
ΪʲôHeadÇ°ÃæÓÐÒ»¸ö"#"ºÅÄØ?
¶øÓеÄÈ´ÊÇÔÚÇ°Ãæ¼ÓÒ»¸ö"£®"±ÈÈç "£®Head",ÓÐʱºòдcssµÄʱºò¸É´àʲôҲ²»¼Ó,±ÈÈç td,body,ËûÃÇÓÐÊ²Ã´Çø±ð,¾ßÌåÔõôÓÃ,Èç¹û×ÐϸÄã¾Í»á·¢ÏÖÔÚHTML ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ