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

CSSÍøÒ³²¼¾Ö±àÂëС¼¼ÇÉÕûÀí

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


Ïà¹ØÎĵµ£º

JavaScript CSS StyleÊôÐԲο¼

CSSÓï·¨ (²»Çø·Ö´óСд) ¡¡¡¡JavaScriptÓï·¨ (Çø·Ö´óСд)
border ¡¡¡¡border
border-bottom ¡¡¡¡borderBottom
border-bottom-color ¡¡¡¡borderBottomColor
border-bottom-style¡¡¡¡ borderBottomStyle
border-bottom-width ¡¡¡¡borderBottomWidth
border-color ¡¡¡¡borderColor
border-left ¡¡¡¡borderLeft ......

cssÖеÄfilterÊôÐÔÓ﷨˵Ã÷

¸Õ¿ªÊ¼Ñ§css£¬¿ªÊ¼Óöµ½filter²»¶®Ê²Ã´Òâ˼ºóÀ´µ½ÍøÉϲéÁË£¬¾õµÃ½âÊ͵ĺÜÈ«Ãæ£¬¾Í°ÑËü¿ÙÏÂÀ´£¬ÒÔ±ã×Ô¼º¾­³£À´¿´¿´¡£
CSSÂ˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒÆ¶¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó° ......

div+cssÖÆ×÷µÄµ¯³ö²Ëµ¥(±ê×¼ÇÒÎÞjs)

<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Èý¼¶dropdownµ¯³ö ......

ÕûÀí¼°ÓÅ»¯CSS´úÂëµÄ7¸öÔ­Ôò

¡¡¡¡×÷ÎªÍøÒ³Éè¼ÆÊ¦(ǰ¶Ë¹¤³Ìʦ)£¬Äã¿ÉÄÜ»¹¼ÇµÃÔø¾­µÄÄǸöÍøÒ³´óС½¨Òé:Ò»¸öÍøÒ³£¨°üÀ¨HTML¡¢CSS¡¢Javacript¡¢FlashºÍͼ
Ƭ£©¾¡Á¿²»Òª³¬¹ý30KBµÄ´óС£¬Ëæ×Å»¥ÁªÍøµÄÈÕÒæÅÓ´ó£¬ÍøÂç´ø¿íÒ²ÔÚ·ÉËÙ·¢Õ¹£¬ºÜ¶àÉè¼ÆÊ¦ÒѾ­²»ÔÙ¿¼ÂÇÕâÌõ30KBµÄÀíÏë×¼Ôò¡£Ëæ×ÅÔ½À´Ô½ÊÜ»¶Ó­µÄ
CSS²¼¾ÖºÍJavascript¶ÔÍøÕ¾Óû§ÌåÑéµÄÇ¿»¯£¬Ê¹µÃÕâÖÖÏÖÏ ......

ͼƬ¾ÓÖÐÏÔʾµÄcssÑùʽ´úÂë

.box128{
    width:128px;
    height:128px;
    text-align: center;
    vertical-align:middle;
    display:table-cell !important;
    display:block;
    border:1px solid #DDD;
   ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ