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

Div CSS²¼¾ÖµÄÊ®ÁùÌõ¼¼Çɼ°ÏêϸÓ÷¨:

1¡¢IE·Ö²»Çå¼Ì³Ð¹ØÏµºÍ¸¸×Ó¹ØÏµµÄ²î±ð£¬È«²¿¶¼ÊǼ̳йØÏµ¡£
2¡¢ÔÚ¸øÄãµÄ±êÇ©·è¿ñ¼ÓÑ¡Ôñ·ûµÄʱºò£¬±ðÍüÁËÔÚCSSÀï¸øÑ¡Ôñ·û¼ÓÉÏ×¢ÊÍ¡£µÈÄãÒÔºóÐÞ¸ÄÄãµÄCSSµÄʱºò¾ÍÖªµÀΪʲôҪÕâô×öÁË¡£ÁíÍâÌáÐÑÄú£¬²»ÒªÌ«·è¿ñÁË¡£
3¡¢Èç¹ûÄã¸øÒ»¸ö±êÇ©ÉèÖÃÁËÒ»¸öÉîÉ«µ÷µÄ±³¾°Í¼Æ¬ºÍÁÁÉ«µ÷µÄÎÄ×ÖЧ¹û¡£½¨ÒéÕâ¸öʱºò¸øÄãµÄ±êÇ©ÔÙÉèÖÃÒ»¸öÉîÉ«µ÷µÄ±³¾°ÑÕÉ«¡£ÒòΪͼƬ¶ªÊ§ÁË£¬Ò²¿ÉÒÔ±£³ÖÎÄ×ֵĿɶÁÐÔ¡£
4¡¢¶¨ÒåÁ´½ÓµÄËÄÖÖ״̬ҪעÒâÏȺó˳Ðò£º Link Visited Hover Active
5¡¢ÓëÄÚÈÝÎ޹صÄͼƬÇëʹÓÃbackground.ʱ¿Ì¼Çס±íÏÖÓëÄÚÈÝ·ÖÀë¡£
6¡¢¶¨ÒåÑÕÉ«¿ÉÒÔËõд#8899FF=#89F
7¡¢ul±êÇ©ÔÚMozillaÖÐĬÈÏÊÇÓÐpaddingÖµµÄ£¬¶øÔÚIEÖÐÖ»ÓÐmarginÓÐÖµ¡£
8¡¢Í¬Ò»¸öµÄclassÑ¡Ôñ·û¿ÉÒÔÔÚÒ»¸öÎĵµÖÐÖØ¸´³öÏÖ£¬¶øidÑ¡Ôñ·ûÈ´Ö»ÄܳöÏÖÒ»´Î¡£¶ÔÒ»¸ö±êǩͬʱʹÓÃclassºÍid½øÐÐCSS¶¨Ò壬Èç¹û¶¨ÒåÓÐÖØ¸´£¬idÑ¡Ôñ·û×öµÄ¶¨ÒåÓÐЧ£¬ÊÇÒòΪidµÄÈ¨ÖØÒª±Èclass´ó¡£
9¡¢Ò»¸ö¼æÈÝÐÔµ÷Õû£¨IEºÍMozilla£©µÄ±¿°ì·¨£º³õѧ¿ÉÄÜ»áÅöµ½ÕâÑùÒ»¸öÇé¿ö£ºÍ¬ÑùÒ»¸ö±êÇ©µÄÊôÐÔÔÚIEÉèÖóÉAÏÔʾÊÇÕý³£µÄ£¬¶øÔÚMozillaÀï±ØÐëÒªÉè³ÉB²ÅÄÜÕý³£ÏÔʾ£¬»òÕßÁ½¸öµ¹¹ýÀ´¡£
ÁÙʱ½â¾ö·½·¨£ºÑ¡Ôñ·û{ÊôÐÔÃû£ºB £¡important£»ÊôÐÔÃû£ºA} »òÐíÓÐʱºò²¢Ã»ÓÐЧ¹û¡£Äã¿ÉÒÔÔÚËÑË÷¸ü¶àµÄBUG½â¾ö·½·¨¡£
10¡¢Èç¹ûÒ»×éҪǶÌ׵ıêǩ֮¼äÐèҪЩ¼ä¾àµÄ»°£¬ÄǾÍÁô¸øÎ»ÓÚÀïÃæµÄ±êÇ©µÄmarginÊôÐÔ°É£¬¶ø²»ÒªÈ¥¶¨ÒåλÓÚÍâÃæµÄ±êÇ©µÄpadding
11¡¢li±êÇ©Ç°ÃæµÄͼ±êÍÆ¼öʹÓÃbackground-image£¬¶ø²»ÊÇlist-style-image.
12¡¢¾ø¶Ô¶¨Î»Ê±Ê¹ÓÃmarginÖµ¶¨Î»¿ÉÒÔ´ïµ½Ïà¶ÔÓÚ±¾ÉíËùÔÚλÖõ͍£¬ÕâÓëtop£¬leftµÈÊôÐÔÏà¶ÔÓë´°¿Ú±ßÔµµÄ¶¨Î»²»Í¬¡£¾ø¶Ô¶¨Î»µÄÓÅÊÆÔÚÓÚ¿ÉÒÔÈÃÆäËüÔªËØºöÂÔËüµÄ´æÔÚ¡£
13¡¢Èç¹ûÎÄ×Ö¹ý³¤£¬Ôò½«¹ý³¤µÄ²¿·Ö±ä³ÉÊ¡ÂÔºÅÏÔʾ£ºIE5£¬FFÎÞЧ£¬µ«¿ÉÒÔÒþ²Ø£¬IE6ÓÐЧDIV STYLE=“width£º120px£»height£º50px£»border£º1px solid blue£»overflow£ºhidden£»text-overflow£ºellipsis”
14¡¢tableÔÚijЩ·½Ã滹ÊÇÓÐÓÃÎäÖ®µØµÄ£¬ÔÚÓöµ½ÄÚÈÝΪÊý¾Ý±í¸ñʱ£¬²»Òª¶ÔËü²úÉúÔ÷ºÞµÄÐÄÀí¡£
15¡¢ÍêÃÀµÄµ¥ÏóËØÍâ¿òÏß±í¸ñ£¨ÔÚIE5¡¢IE6¡¢IE7¼°FF1.0.4ÒÔÉÏÖоù¿Éͨ¹ý²âÊÔ£©¡¡
table{ border-collapse£ºcollapse£» } td{ border£º#000 solid 1px£» }
16¡¢marginÈ¡¸ºÖµ¿ÉÒÔÔÚ±êǩʹÓþø¶Ô¶¨Î»µÄʱºòÆðµ½Ïà¶Ô¶¨Î»µÄ×÷Óã¬ÔÚÒ³Ãæ¾ÓÖÐÏÔʾʱ£¬Ê¹Óþø¶Ô¶¨Î»µÄ²ã²»ÊʺÏʹÓÃleft£ºXXpxÕâ¸öÊôÐÔ¡£°ÑÕâ¸ö²ã·Åµ½Ò»¸öÒªÏà¶Ô¶¨Î»µÄ±êÇ©ÅÔ£¬È»ºóʹÓÃmarginµÄ


Ïà¹ØÎĵµ£º

CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯

CSS·ÖÀ¸²¼¾ÖµÄ·½·¨:¾ø¶Ô¶¨Î»ºÍ¸¡¶¯
³ö´¦£ºÍøÒ³½ÌÑ§Íø
×÷ÕߣºØýÃû
ÈÕÆÚ£º2009-03-09
¡¡
¡¡ÔÚCSSÖУ¬ÊµÏÖ·ÖÀ¸²¼¾ÖÓÐÁ½ÖÖ·½·¨¡£µÚÒ»ÖÖ·½·¨ÊÇʹÓÃËÄÖÖCSS¶¨Î»Ñ¡Ïabsolute
¡¢static¡¢relativeºÍfixed£©Öеľø¶Ô¶¨Î»£¨absolute
positioning£©£¬Ëü¿ÉÒÔ½«ÎĵµÖеÄij¸öÔªËØ´ÓÆäÔ­±¾Î»ÖÃÉÏÒÆ³ý£¬²¢ÖØÐ¶¨Î» ......

css:divÊôÐÔÏê½â


margin£º²ãµÄ±ß¿òÒÔÍâÁôµÄ¿Õ°×
background-color£º±³¾°ÑÕÉ«
background-image£º±³¾°Í¼Æ¬
padding£º²ãµÄ±ß¿òµ½²ãµÄÄÚÈÝÖ®¼äµÄ¿Õ°×  
border£º±ß¿ò  
content£ºÄÚÈÝ
 
²½ÖèÒ»¡¢
·ÖÎöÒ»¸öµäÐ͵͍ÒådivÀý×Ó£º
 #sample{
margin:10px;
border: #111 10px solid;
......

ʹÓÃCSS¸ñʽ»¯TableÑùʽ

ÔÚÍøÒ³ÀïʹÓÃtableµÄʱºò£¬Ñùʽһ°ã±È½ÏÄѹÜÀí£¬ÒòΪtableµÄÓÐЩÑùʽÓëÆäËü¿Ø¼þ²»Ì«Ò»Ñù
1¡¢tableµÄ·ÖÍâ±ß¿ò£¬tr±ß¿ò£¬td±ß¿ò£¬ËüÃÇÖ®¼ä¶¼ÊÇÓмä¾àµÄ
2¡¢Äã¿ÉÒÔÖ¸¶¨ËüÃÇÖ®¼äµÄ¼ä¾àΪ0£¬µ«µ±ÄãÉèÖñ߿òʱ£¬»á·¢Ïֱ߿òÊÇ2px¿íµÄ£¬ÒòΪÔÚtableÀtr¡¢tdµÈÔªËØÊÇÏàÁÚµÄ
ËùÒÔÏë×öÒ»¸öºÃ¿´µÄtableÑùʽ¿ÉÒԲο¼ÒÔϵIJ½Ö裺
1 ......

CSSͼƬ´¹Ö±¾ÓÖз½·¨ÕûÀí¼¯ºÏ

¿´µ½ÎÊ´ËÎÊÌâµÄºÜ¶à£¬ËùÒÔ»¨µãʱ¼äÕûÀíÏ£¬»¶Ó­´ó¼ÒÌáÒâ¼û£¬×ö²¹³äÐ޸ģ¬Ð»Ð»£¡
/*lesliezmzÕûÀíµÄ·½·¨ 2010-01-19*/
µ±writing-modeΪtb-rl ʱ£¬ÎĵµÁ÷ÊÇ´ÓÉϵ½Ï£¬´ÓÓÒµ½×óÊéд¡£È»ºóÉèÖÃtext-align: center¾Í¿ÉÒÔʵÏÖ´¹Ö±·½ÏòÉϵľÓÖС£ËãÊÇÒ»¸öС¼¼Çɰɡ£
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti ......

8¿îÔÚÏßCSSÓÅ»¯¹¤¾ß/×éÖ¯ºÍѹËõCSS

CSSµÄÓÅ»¯Í¨³£°üÀ¨Á½·½Ãæ: ¸ñʽ»¯CSSºÍ¾«¼òCSS
¡£
 ¾«¼òCSSµÄ°ì·¨ÊǰѾßÓÐÏàͬÊôÐÔµÄÔªËØºÏ²¢ÔÚÒ»Æð£¬µ«Õâ»á½µµÍ´úÂëµÄ¿É¶ÁÐÔ£¬Ê¹´úÂëµÄºóÆÚά»¤ºÜÂé·³£¬ÉÔ²»×¢Òâ¾Í³ö´í¡£ 
¸ñʽ»¯CSSÒ»°ã¾ÍÊǶàÐÐģʽ»òµ¥ÐÐģʽµÄÑ¡Ôñ£¬±ÈÈçÎÒ¸öÈ˾ÍÍêÈ«Êܲ»Á˶àÐÐģʽ
ÏÂÃæÊÇһЩÔÚÏßµÄCSSÓÅ»¯¹¤¾ß£¬ÄÜÈÃÄã·½±ãµÄ¶ÔCSSÎļþ½ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ