Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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»¬¶¯ÃźáÏò²Ëµ¥À¸

Ч¹ûÈçÏ£º
              
ʵÏÖ·½·¨£ºÀûÓÃÒ»ÏÂÁ½ÕÅͼƬ£º                
ǰ̨´úÂ룺
 <div id="nagivation">
    &nb ......

DIV+CSSÖбêÇ©ul ol li dl dt ddÓ÷¨

ul ol li dl dt dd¶¼ÊÇDIV+CSS×öÍøÒ³³¤ÓõĶ«Î÷,Ï൱ÓÚÒ»¿ÃÊ÷µÄÊ÷¼¼,ÏÂÃæ¾ÍÁ˽âÒ»ÏÂÕâЩ¶«Î÷µÄÈ«ÌåÓ÷¨,±¾ÈËÓÃdd,dt,dlÓõúÜÉÙ,¶®µÃ½áºÏʹÓöÔ×ö¼Ü¹¹ÊǺÜÓкô¦µÄŶ!
DIV
CSSÍøÒ³²¼¾ÖÖг£ÓõÄÁбíÔªËØul ol li dl dt ddÊÍÒ壬¿é¼¶ÔªËØdiv¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol
ÓÐÐòÁÐ±í¡£
<ol>
<li> ......

css¶¨Î»ÖÐabsoluteҪעÒâµÄÊÂÏî

1.positionµÄabsoluteÊôÐÔ±íʾ¸Ã¿éÒѾ­ÍêÈ«ÍÑÀëÎı¾Á÷ÁË¡£Ò²¾ÍÊDz»ÔÙÕ¼ÓÿռäλÖÃ
¡£ÍêÈ«¿¿top,button,right,leftÀ´½øÐж¨Î»¡£
¡¡Õâ¸ö±ØÐëÄܹ»ÍêÈ«Àí½â¡£Í¬Ê±Îª¼õÉÙ´íÎóÔÚÉèÖÃabsoluteºó£¬Ò»¶¨ÖÁÉÙÖ¸¶¨top,buttom,right,leftÖеÄÒ»¸ö¡£
2.Èç¹û¿éÉèÖÃÁËabsoluteÊôÐÔ£¬Æä¶¨Î»µÄÔ­µãºÍ¸¸¿éµÄpositionÓйء£
¡¡Èç¹û¸¸¿éÉèÖà ......

ÌÔ±¦css×¢½â

ÎÒÃǰÑËü·ÖΪÈçÏÂͼËùʾ¿é
¾ßÌåµÄHTML,DIV+CSSÅŰæÑùʽΪ
ÎÒÃÇÒ»ÐÐÒ»ÐзÖÎö,
1.È«²¿µÄ´úÂë¾ùÔÚÒ»¸öDIVÈÝÆ÷(ÎÒÔÝʱÕâÑù³Æºô) HeadÀïÃæ,ÎÒÃÇÀ´¿´¿´HeadµÄд·¨
#Head{
    text-align:center;
}
ΪʲôHeadÇ°ÃæÓÐÒ»¸ö"#"ºÅÄØ?
¶øÓеÄÈ´ÊÇÔÚÇ°Ãæ¼ÓÒ»¸ö"£®"±ÈÈç "£®Head",ÓÐʱºòдcssµÄʱºò¸É´àʲôҲ²»¼ ......

CSSÔ²½Ç

½éÓÚ´¿´âCSSµÄÎÞͼƬԲ½ÇʵÔÚÊÇ´úÂëÌ«ÂÒ£¬»¹ÊÇÇãÏòÓÚÀûÓÃͼƬ½áºÏCSSÀ´×Ô×öÔ²½Ç£»
£¨1£©¸ß¿í½Ô×ÔÊÊÓ¦£º
.roundedcornr_box_510746 {
   background: #dddddd url(roundedcornr_510746_grad.gif) repeat top left;width:300px;
}
.roundedcornr_top_510746 div {
   background:transparent url(r ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ