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

CSS¸öÈËС½á

ԭͼÊÇÖ¸ÓÃpsÉè¼Æ³öÀ´ÓÉͼ²ãÕûºÏ¶ø³ÉµÄ×îÖÕµÄÉè¼ÆÍ¼¡£
FSCapture.exeµÄ²¶×½»î¶¯´°¿ÚµÄ¿ì½Ý¼üÊÇF2
ÈçºÎÈ¥µô±³¾°Í¼ÉϵÄ×Ö£¿
ʹÓÃÇÐÆ¬¹¤¾ß°ÑͼƬÉϵÄËùÓÐͼƬÇÐÏÂÀ´ÒÔºó£¬Í¨¹ý“Îļþ|´æ´¢ÎªWebËùÓøñʽ”£¬Ñ¡Ôñ“´æ´¢”£¬ÔÚ“ÇÐÆ¬”ÏÂÑ¡Ôñ“ËùÓÐÇÐÆ¬”£¨Ñ¡ÖеÄÇÐÆ¬Ö»Óе±Ç°µÄÒ»¸ö£©£¬½«ËùÓÐÇÐÆ¬µ¼³ö£¬Ëü»á×Ô¶¯ÔÚ±£´æÂ·¾¶ÏÂÉú³ÉÒ»¸öimagesÎļþ¼Ð.
±³¾°Í¼Æ¬Ò»¶¨ÒªÉèÖÿíºÍ¸ß¡£
µ±Ò³ÃæÖеÄÔªËØ×ܵĿí¶È´óÓÚÆÁÄ»µÄ³ß´çµÄʱºò£¬Ó¦¸Ã¸ø°üº¬Ò³ÃæËùÓÐÒ³ÃæµÄ´ó²ã¶¨ÒåÒ»¸ö¿í¶È¡£
min-height£¨×îС¸ß¶È£©Ó¦¸ÃСÓÚµÈÓÚÓ¦ÓÃËüµÄÔªËØµÄ×îС¸ß¶È¡£
¼ÓÈëÁбíµÄÒ»¸ö·½±ãµÄ·½·¨ÊÇÔÚ“²ð·Ö”Ãæ°åµÄ“Éè¼Æ”ÇøÀïÃæ»Ø³µ³ö¼¸ÐУ¬È»ºóÑ¡ÖÐËüÃÇ£¬ÔÚ“ÊôÐÔ”Ãæ°åÀïÃæµã»÷“ÎÞÐòÁбí”ͼ±ê£¬Èç¹û»¹Òª¼ÓÈëÁ´½Ó£¬»¹¿ÉÒÔÔÚÑ¡ÖÐËüÃǵÄ״̬ÏÂÔÚ“Á´½Ó”Àï¼ÓÈëÁ´½ÓµØÖ·
ÒªÈÃÒ»¸ödivÔÚÁíÒ»¸ödivÀïÃæ£¬Ó¦¸ÃΪ×îÍâÃæµÄdiv¼ÓÒ»¸ö¿í¶ÈºÍ¸ß¶È¡£
ÔÚÑùʽ±íµÄ¿ªÍ·²¿·ÖÒ»¶¨ÒªÉèÒÔÏ£º
*{
 margin:0;
 padding:0;
 }
ÒÔÇå³ýÒ³ÃæÖÐĬÈϵÄÍâ±ß¾àºÍÄڱ߾ࡣ
µ±liÀïÃæÊÇͼƬµÄʱºò£¬ÒªÎªliÉèÒ»¸ö¸ß¶È£¬ÒÔÃâÔÚÏÂÃæ¼ÓÈëÔÙ¼ÓÈëͼƬµÄʱºò³öÏÖÒ»Ìõ¿Õ°×¡£
ÇÐͼʱÀ­³öÁ˸¨ÖúÏßµÄpsdͼƬ£¬Ó¦¸ÃÁí´æÎªÒ»·Ý×÷Ϊ²Î¿¼¡£
a ±êǩĬÈÏûÓпíºÍ¸ß£¬µ«ÊǸøËüÒ»¸öÊôÐÔ£ºdisplay:block;¼´¿ÉΪËüÉ趨¿íºÍ¸ßÁË¡£
#menu li a{
 display:block;
 width:100px;
 height:20px;
 text-decoration:none;
 padding-top:10px;
 text-align:center;
 background-color:#c93;
 }
#menu li a:hover{ 
 color:#fff;
 background-color:#c60;
 }
ÍøÒ³ÉϵÄÔªËØ¿ÉÒÔͨ¹ýÓÒ»÷£¬µã“²é¿´ÔªËØ”²é¿´¸ÃͼƬ£¬È»ºó“ͼƬÁí´æÎª”½«Í¼Æ¬ÏÂÔØµ½±¾µØÉÏÀ´¡£»¹¿ÉÒÔͨ¹ý²é¿´Í¼Æ¬µÄµØÖ·£¬È»ºó¸´ÖƵ½µØÖ·À¸ÖÐÍøÕ¾µÄ¸ùĿ¼ÏµÄÕÒµ½¸ÃͼƬ¡£
Èçhttp://www.phome.netÍøÒ³ÖеÄcolor.gif¿ÉÒÔͨ¹ýhttp://www.phome.net/color.gif  µØÖ·ÕÒµ½¸ÃͼƬ.
divµÄ²åÈë×îºÃÓÃDWÖеŤ¾ß²åÈ룬ÒÔÃâ±êÇ©²»Åä¶Ô¡£
ÒªÔÚÒ»ÐÐÖв¢´æÁ½¸ödiv£¬ÐèÒª¸¡¶¯£¬»¹ÒªÈÃËûÃǵĿí¶ÈÖ®ºÍСÓÚ¸ÃÐеĿí¶È¡£
list-style-image:ÁбíÏîÇ°ÃæµÄСͼ±ê
µ±Í¼Æ¬µÄ¸ß¶È±ÈÄÜÈÝÄÉËüµÄdiv´óµÄʱºò£¬Ó¦¸Ã°ÑͼƬÉèΪ±³¾°¡£
#menu li#fr:idΪmenuϵÄidΪfrµÄli.
#me


Ïà¹ØÎĵµ£º

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 ......

css×Ô¶¯»»ÐÐ(ת)

Á¬ÐøµÄÓ¢ÎÄ»òÊý×ÖÄÜÊÇÈÝÆ÷±»³Å´ó£¬²»Äܸù¾ÝÈÝÆ÷µÄ´óС×Ô¶¯»»ÐУ¬¶ÔÓÚDivºÍtableÒÔ¼°²»Í¬µÄä¯ÀÀÆ÷£¬ÊµÏÖcss×Ô¶¯»»Ðеķ½·¨¶¼ÉÔÓв»Í¬£¬ÏÂÃæ·Ö±ð½éÉÜ£º
      ¶ÔÓÚdiv
¡¡¡¡1.£¨IEä¯ÀÀÆ÷£©white-space:normal; word-break:break-all;ÕâÀïǰÕßÊÇ×ñÑ­±ê×¼¡£
ÒÔÏÂÊÇÒýÓÃÆ¬¶Î£º
#wrap{white-space:no ......

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


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

CSSÖÐpositionµÄabsoluteºÍrelativeµÄÓ¦ÓÃ

positionÊôÐÔÆäʵÊÇÖ¸±¾Ìå¶ÔÉϼ¶µÄ¶¨Î»¡£Èç¹ûÕâôÀí½â£¬¾ÍºÃ°ìÁË¡£
ĬÈϵÄÊôÐÔÖµ¶¼ÊÇstatic£¬¾²Ì¬¡£¾Í²»Óöà˵ÁË¡£×î¹Ø¼üµÄÊÇ
relative£¨Ïà¶Ô£©ÒÔ¼°absolute£¨¾ø¶Ô£©¡£
ÍùÍùÎÒÃÇÈç¹ûÊÇCOPY±ðÈ˵ĴúÂ룬»á°ÑabsoluteÊôÐÔÓëleft¡¢topÅäºÏÆðÀ´ÖÆ×÷Ïà¹ØµÄ“Ðü¸¡²ã”Ч¹û¡£È»¶øÓÐʱºòÎÒÃÇÐèÒªÕë¶Ôijһ¸öÈÝÆ÷µÄÐü¸¡Ð ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ