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Õâ¸öÊôÐÔ¡£°ÑÕâ¸ö²ã·Åµ½Ò»¸öÒªÏà¶
Ïà¹ØÎĵµ£º
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:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒÆ¶¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó° ......
<!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µ¯³ö ......
¡¡¡¡×÷ÎªÍøÒ³Éè¼ÆÊ¦(ǰ¶Ë¹¤³Ìʦ)£¬Äã¿ÉÄÜ»¹¼ÇµÃÔø¾µÄÄǸöÍøÒ³´óС½¨Òé:Ò»¸öÍøÒ³£¨°üÀ¨HTML¡¢CSS¡¢Javacript¡¢FlashºÍͼ
Ƭ£©¾¡Á¿²»Òª³¬¹ý30KBµÄ´óС£¬Ëæ×Å»¥ÁªÍøµÄÈÕÒæÅÓ´ó£¬ÍøÂç´ø¿íÒ²ÔÚ·ÉËÙ·¢Õ¹£¬ºÜ¶àÉè¼ÆÊ¦ÒѾ²»ÔÙ¿¼ÂÇÕâÌõ30KBµÄÀíÏë×¼Ôò¡£Ëæ×ÅÔ½À´Ô½ÊÜ»¶ÓµÄ
CSS²¼¾ÖºÍJavascript¶ÔÍøÕ¾Óû§ÌåÑéµÄÇ¿»¯£¬Ê¹µÃÕâÖÖÏÖÏ ......
.box128{
width:128px;
height:128px;
text-align: center;
vertical-align:middle;
display:table-cell !important;
display:block;
border:1px solid #DDD;
  ......