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

DIV+CSSµÄÃüÃû¹æÔò


Ò»¸öÍøÕ¾µÄÓÅ»¯Óкܶ๤×÷Òª×ö£¬ÆäÖжԴúÂëµÄÓÅ»¯ÊÇÒ»¸öºÜ¹Ø¼üµÄ²½Ö衣ΪÁ˸ü¼Ó·ûºÏSEOµÄ¹æ·¶£¬ÏÂÃæ½«¶ÔĿǰÁ÷ÐеÄDIV+CSSµÄÃüÃû¹æÔòÕûÀíÈçÏ£º
ҳͷ£ºheader                  µÇ¼Ìõ£ºloginBar
±êÖ¾£ºlogo                    ²àÀ¸£ºsideBar
¹ã¸æ£ºbanner     µ¼º½£ºnav
×Óµ¼º½£ºsubNav   ²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubMenu  ËÑË÷£ºsearch
¹ö¶¯£ºsrcoll     Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent    ±êǩҳ£ºtab
ÎÄÕÂÁÐ±í£ºlist   ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips     À¸Ä¿±êÌ⣺title
¼ÓÈ룺joinus     Ö¸ÄÏ£ºguide
·þÎñ£ºservice    Èȵ㣺hot 
ÐÂÎÅ£ºnews       ÏÂÔØ£ºdownload
×¢²á£ºregister   ״̬£ºstatus
°´Å¥£ºBTn        ͶƱ£ºvote
ºÏ×÷»ï°é£ºpartner  ÓÑÇéÁ´½Ó£ºfriendLink
Ò³½Å£ºfooter   °æÈ¨£ºcopyRight
CSSIDµÄÃüÃûÈçÏ£º
ÍâÌ×£ºwrap    Ö÷µ¼º½£ºmainNav
×Óµ¼º½£ºsubNav  Ò³½Å£ºfooter
Õû¸öÒ³Ãæ£ºcontent ҳü£ºheader
É̱꣺label ±êÌ⣺title
Ö÷µ¼º½£ºmainNav(globalNav)  ¶¥µ¼º½£ºtopnav
±ßµ¼º½£ºsidebar   ×󵼺½£ºleftsideBar  
ÓÒµ¼º½£ºrightsideBar   ÆìÖ¾£ºlogo
±êÓbanner  ²Ëµ¥ÄÚÈÝ1£ºmenu1Content
²Ëµ¥ÈÝÁ¿£ºmenUContainer  ×Ӳ˵¥£ºsubmenu
±ßµ¼º½Í¼±ê£ºsidebarIcon   ×¢ÊÍ£ºnote
Ãæ°üм£ºbreadCrumb£¨¼´Ò³ÃæËù´¦Î»Öõ¼º½Ìáʾ£© ÈÝÆ÷£ºcontainer
ÄÚÈÝ£ºcontent   ËÑË÷£ºsearch
µÇ¼£ºlogin  ¹¦ÄÜÇø£ºshop£¨È繺Îï³µ£¬ÊÕÒøÌ¨£© µ±Ç°µÄ£ºcurrent
ÕâЩ±ê×¼µÄÃüÃû¸üÓÐÀûÓÚÉè¼Æ¹¤×÷ÖеĶàÈËЭ×÷ģʽÒÔ¼°´úÂëµÄ½øÒ»²½±ê×¼»¯


Ïà¹ØÎĵµ£º

cssʵÏÖµ¼º½À¸µÄÖÆ×÷

       ƽʱÎÒÃÇÔÚä¯ÀÀÍøÒ³µÄʱºò£¬³£³£¿´¼ûµ¼º½À¸ÊǶ¯Ì¬µÄ£¬ÆäʵÎÒÃÇ¿ÉÒÔͨ¹ýcssÑùʽ±íµÄ¶¨Òå¾Í¿ÉÒÔÍê³É¡£
Ê×ÏÈÎÒÃÇ¿´Ò»ÏÂcss´úÂ룺
#nav {
width:900px;
margin:0 auto;
background:#E1F4FD;
}
#nav li {
float:left;
font-size:14px;
}
#nav li a {
color:#000000;
......

ѧϰCSSÁ˽ⵥλemºÍpxµÄÇø±ð

ÔÚ¹úÄÚÍøÕ¾ÖУ¬°üÀ¨Èý´óÃÅ»§£¬ÒÔ¼°“ÒýÁì”ÖйúÍøÕ¾Éè¼Æ³±Á÷µÄÀ¶É«ÀíÏ룬ChinaUIµÈ¶¼ÊÇʹÓÃÁËpx×÷Ϊ×ÖÌ嵥λ¡£Ö»ÓаٶȺôõ×öÁ˸ö¿Éµ÷µÄ±íÂÊ¡£¶øÔÚ´óÑó±Ë°¶£¬¼¸ºõËùÓеÄÖ÷Á÷Õ¾µã¶¼Ê¹ÓÃem×÷Ϊ×ÖÌ嵥룬Ҳ¾ÍÊǿɵ÷µÄ¡£Ã»´í£¬px±Èem¸ü¼ÓÈÝÒ×ʹÓ㬴󲿷ֶÁÕß²»ÖªµÀemΪºÎÎï»òÕßËüÏ൱ÓÚ¶àÉÙpx¡£¹úÍâÈËÊ¿Èç´ËÖØÊÓÍøÕ ......

cssÉèÖÃie7,ie8ÖÐdiv¸ß¶È×Ô¶¯ÉèÖÃ

ie6ÖÐdivµÄ¸ß¶È×Ô¶¯ÉèÖ㬵½ÁËie7ºÍie8¾Í²»ÐÐÁË£¬ÐèÒªÉèÖÃcss
/*Õë¶Ô·ÇIE*/
div:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/*Õë¶ÔIE*/
div{zoom:1;} ......

javascript ¶¯Ì¬¼ÓÔØcss¡¢js

¼æÈÝIE¡¢FireFox¡¢Chrome
//¼ÓÔØjs
function loadJs(){
    if (!getObj('script_PlData')){
        var scriptObj= document.createElement("script");
        //scriptObj.id = 'script_1';
    &nb ......

CSS ÓÃz index½øÐвã´Î¶Ñµþ

CSS¿ÉÒÔ´¦Àí¸ß¶È¡¢¿í¶È¡¢Éî¶ÈÈý¸öά¶È¡£ÔÚÇ°ÃæµÄ¿Î³ÌÖУ¬ÎÒÃÇÒѾ­Á˽âÁËǰÁ½¸öά¶È¡£ÔÚ±¾¿ÎÖУ¬ÎÒÃǽ«Ñ§Ï°ÈçºÎÁî²»Í¬ÔªËØ¾ßÓвã´Î¡£¼òÑÔÖ®£¬¾ÍÊǹØÓÚÔªËØ¶ÑµþµÄ´ÎÐòÎÊÌâ¡£
Ϊ´Ë£¬Äã¿ÉÒÔΪÿ¸öÔªËØÖ¸¶¨Ò»¸öÊý×Ö£¨z-index£©¡£ÆäÔ­ÀíÊÇ£ºÊý×ֽϴóµÄÔªËØ½«µþ¼ÓÔÚÊý×Ö½ÏСµÄÔªËØÖ®ÉÏ¡£
±È·½Ëµ£¬ÎÒÃÇÕýÔÚ´òÆË¿Ë£¬²¢ÇÒÄÃÁËÒ»ÊÖͬ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ