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

ÍøÒ³¹ö¶¯ÌõCSSÑùʽ

¹ö¶¯ÌõÑùʽÖ÷񻃾¼°µ½ÈçÏÂCSSÊôÐÔ:
overflowÊôÐÔ: ¼ìË÷»òÉèÖõ±¶ÔÏóµÄÄÚÈݳ¬¹ýÆäÖ¸¶¨¸ß¶È¼°¿í¶ÈʱÈçºÎÏÔʾÄÚÈÝ
overflow: auto; ÔÚÐèҪʱÄÚÈÝ»á×Ô¶¯Ìí¼Ó¹ö¶¯Ìõ
overflow: scroll; ×ÜÊÇÏÔʾ¹ö¶¯Ìõ
overflow-x: hidden; ½ûÖ¹ºáÏòµÄ¹ö¶¯Ìõ
overflow-y: scroll; ×ÜÊÇÏÔʾ×ÝÏò¹ö¶¯Ìõ
width: 568px; width: 98%; ÉèÖÃÇøÓòµÄ¿í¶È[ÏñËØ/°Ù·Ö±ÈµÈµÈ]
height: 120px; ÉèÖÃÇøÓòµÄ¸ß¶È[ÏñËØ/°Ù·Ö±ÈµÈµÈ]
<STYLE>
BODY,#div {
SCROLLBAR-FACE-COLOR: #f892cc;
SCROLLBAR-HIGHLIGHT-COLOR: #f256c6;
SCROLLBAR-SHADOW-COLOR: #fd76c2;
SCROLLBAR-3DLIGHT-COLOR: #fd76c2;
SCROLLBAR-ARROW-COLOR: #fd76c2;
SCROLLBAR-TRACK-COLOR: #fd76c2;
SCROLLBAR-DARKSHADOW-COLOR: #f629b9;
SCROLLBAR-BASE-COLOR: #e9cfe0
}
</STYLE>
SCROLLBAR-FACE-COLOR: ¹ö¶¯Ìõ͹³ö²¿·ÖµÄÑÕÉ«
SCROLLBAR-HIGHLIGHT-COLOR: ¹ö¶¯Ìõ¿Õ°×²¿·ÖµÄÑÕÉ«
SCROLLBAR-SHADOW-COLOR: Á¢Ìå¹ö¶¯ÌõÒõÓ°µÄÑÕÉ«
SCROLLBAR-3DLIGHT-COLOR: ¹ö¶¯ÌõÁÁ±ßµÄÑÕÉ«
SCROLLBAR-ARROW-COLOR: ÉÏϰ´Å¥ÉÏÈý½Ç¼ýÍ·µÄÑÕÉ«
SCROLLBAR-TRACK-COLOR: ¹ö¶¯ÌõµÄ±³¾°ÑÕÉ«
SCROLLBAR-DARKSHADOW-COLOR: ¹ö¶¯ÌõÇ¿ÒõÓ°µÄÑÕÉ«
SCROLLBAR-BASE-COLOR: ¹ö¶¯ÌõµÄ»ù±¾ÑÕÉ«
ÍøÒ³ÖÐÈ¥µô¹ö¶¯Ìõ£º
È¥µôºáÏò¹ö¶¯Ìõ£º<body   style='overflow:scroll;overflow-x:hidden'>  
È¥µôÊúÏò¹ö¶¯Ìõ£º<body   style='overflow:scroll;overflow-y:hidden'>  
Á½¸ö¶¼È¥µô£º<body   scroll="no">  
¿ò¼ÓÖÐÈ¥¹ö¶¯ÌõÔÚname=""ºóÃæ¼Ó scrolling="No"
±¾ÎÄÀ´×ÔCSDN²©¿Í£¬×ªÔØÇë±êÃ÷³ö´¦£ºhttp://blog.csdn.net/xck01/archive/2007/01/08/1476881.aspx


Ïà¹ØÎĵµ£º

cssÂúÆÁ²¼¾ÖÓëulºÍliÁбí

cssÂúÆÁ²¼¾ÖÓëulºÍliÁбí <!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 content="text/html; charset=u ......

Div+cssÃüÃû¹æÔò

ÊÕ²ØÒ»·Ý²»´íµÄDIV+CSS²¼¾ÖµÄSEOÓÅ»¯×ÊÁÏ£º
Div+cssÃüÃû¹æÔò-(ÄÜÔöÇ¿SEO?)
ҳͷ£ºheader
µÇ¼Ìõ£ºloginBar
±êÖ¾£ºlogo
²àÀ¸£ºsideBar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubNav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubMenu
ËÑË÷£ºsearch
¹ö¶¯£ºscroll
Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent
±êǩҳ£ºtab
ÎÄÕÂÁÐ±í£ºl ......

css¿ØÖÆÍ¼Æ¬°´±ÈÀýËõС

IE6ʵÏÖ·½·¨:
HTML²¿·Ö:
<imgsrc="..."alt="..."onload="resizeImage(this)"/>

JS²¿·Ö:
<mce:scripttype="text/javascript"><!--

functionresizeImage(obj){
obj.width=obj.width>50&&obj.width>obj.height?50:auto;
obj.height=obj.height>50?50:auto;
}
// -->&l ......

DIV+CSSÍøÒ³²¼¾Ö£ºÈýÁи¡¶¯ÖмäÁпí¶È×ÔÊÊÓ¦


DIV+CSSÍøÒ³²¼¾Ö£ºÈýÁи¡¶¯ÖмäÁпí¶È×ÔÊÊÓ¦
ÒÑÓÐ 39 ´ÎÔĶÁ  2009-09-07 14:25   ±êÇ©:  DIV  CSS  ÍøÒ³  ¿í¶È 
ʹÓø¡¶¯¶¨Î»·½Ê½£¬´ÓÒ»Áе½¶àÁеĹ̶¨¿í¶È¼°×ÔÊÊÓ¦£¬»ù±¾ÉÏ¿ÉÒÔ¼òµ¥Íê³É£¬°üÀ¨ÈýÁеĹ̶¨¿í¶È¡£¶øÔÚÕâÀï¸øÎÒÃÇÌá³öÁËÒ»¸öеÄÒª ......

CSSËټǿھ÷

Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄÄλ¸ßÈ˰ÑCSS BUG±à³ÉÁË˳¿ÚÁïÁË£¡¿´¿´ºÃ²»ºÃ¼ÇסĨ£¿ Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£» ¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬
Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ