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

¡¾Ê®Ì쾫ͨdiv+css²¼¾ÖϵÁн̡̳¿Ö®Áù£ºXHTML´úÂë¹æ·¶

1.ËùÓеıê¼Ç¶¼±ØÐëÒªÓÐÒ»¸öÏàÓ¦µÄ½áÊø±ê¼Ç
¡¡¡¡ÒÔÇ°ÔÚHTMLÖУ¬Äã¿ÉÒÔ´ò¿ªÐí¶à±êÇ©£¬ÀýÈç<p>ºÍ<li>¶ø²»Ò»¶¨Ð´¶ÔÓ¦µÄ</p>ºÍ</li>À´¹Ø±ÕËüÃÇ¡£µ«ÔÚXHTMLÖÐÕâÊDz»ºÏ·¨µÄ¡£XHTMLÒªÇóÓÐÑϽ÷µÄ½á¹¹£¬ËùÓбêÇ©±ØÐë¹Ø±Õ¡£Èç¹ûÊǵ¥¶À²»³É¶ÔµÄ±êÇ©£¬ÔÚ±êÇ©×îºó¼ÓÒ»¸ö"/"À´¹Ø±ÕËü¡£ÀýÈç:
¡¡¡¡<br /><img height="80" alt="ÍøÒ³Éè¼Æʦ" src="../images/logo_w3cn_200x80.gif" width="200" />
¡¡¡¡2.ËùÓбêÇ©µÄÔªËغÍÊôÐÔµÄÃû×Ö¶¼±ØÐëʹÓÃСд
¡¡¡¡
¡¡¡¡ÓëHTML²»Ò»Ñù£¬XHTML¶Ô´óСдÊÇÃô¸ÐµÄ£¬<title>ºÍ<TITLE>ÊDz»Í¬µÄ±êÇ©¡£XHTMLÒªÇóËùÓеıêÇ©ºÍÊôÐÔµÄÃû×Ö¶¼±ØÐëʹÓÃСд¡£ÀýÈ磺<BODY>±ØÐëд³É<body> ¡£´óСд¼ÐÔÓÒ²ÊDz»±»ÈϿɵģ¬Í¨³£dreamweaver×Ô¶¯Éú³ÉµÄÊôÐÔÃû×Ö"onMouseOver"Ò²±ØÐëÐ޸ijÉ"onmouseover"¡£
¡¡¡¡3.ËùÓеÄXML±ê¼Ç¶¼±ØÐëºÏÀíǶÌ×
¡¡¡¡Í¬ÑùÒòΪXHTMLÒªÇóÓÐÑϽ÷µÄ½á¹¹£¬Òò´ËËùÓеÄǶÌ׶¼±ØÐ밴˳Ðò£¬ÒÔÇ°ÎÒÃÇÕâÑùдµÄ´úÂ룺
¡¡¡¡<p><b></p></b>
¡¡¡¡±ØÐëÐÞ¸ÄΪ£º
¡¡¡¡<p><b></b></p>
¡¡¡¡¾ÍÊÇ˵£¬Ò»²ãÒ»²ãµÄǶÌ×±ØÐëÊÇÑϸñ¶Ô³Æ¡£
¡¡¡¡4.ËùÓеÄÊôÐÔ±ØÐëÓÃÒýºÅ""À¨ÆðÀ´
¡¡¡¡ÔÚHTMLÖУ¬Äã¿ÉÒÔ²»ÐèÒª¸øÊôÐÔÖµ¼ÓÒýºÅ£¬µ«ÊÇÔÚXHTMLÖУ¬ËüÃDZØÐë±»¼ÓÒýºÅ¡£ÀýÈç:
¡¡¡¡<height=80> 
¡¡¡¡
¡¡¡¡±ØÐëÐÞ¸ÄΪ£º
¡¡¡¡<height="80">
¡¡¡¡ÌØÊâÇé¿ö£¬ÄãÐèÒªÔÚÊôÐÔÖµÀïʹÓÃË«ÒýºÅ£¬Äã¿ÉÒÔÓÃ"£¬µ¥ÒýºÅ¿ÉÒÔʹÓÃ&apos;£¬ÀýÈ磺
¡¡¡¡<alt="say&apos;hello&apos;">
¡¡¡¡5.°ÑËùÓÐ<ºÍ&ÌØÊâ·ûºÅÓñàÂë±íʾ
¡¡¡¡
¡¡¡¡ÈκÎСÓںţ¨<£©£¬²»ÊDZêÇ©µÄÒ»²¿·Ö£¬¶¼±ØÐë±»±àÂëΪ& l t ;
¡¡¡¡ÈκδóÓںţ¨>£©£¬²»ÊDZêÇ©µÄÒ»²¿·Ö£¬¶¼±ØÐë±»±àÂëΪ& g t ;
¡¡¡¡ÈκÎÓëºÅ£¨&£©£¬²»ÊÇʵÌåµÄÒ»²¿·ÖµÄ£¬¶¼±ØÐë±»±àÂëΪ& a m p;
¡¡¡¡×¢£ºÒÔÉÏ×Ö·ûÖ®¼äÎÞ¿Õ¸ñ¡£
¡¡¡¡6.¸øËùÓÐÊôÐÔ¸³Ò»¸öÖµ
¡¡¡¡XHTML¹æ¶¨ËùÓÐÊôÐÔ¶¼±ØÐëÓÐÒ»¸öÖµ£¬Ã»ÓÐÖµµÄ¾ÍÖظ´±¾Éí¡£ÀýÈ磺
¡¡¡¡<td nowrap> <input type="checkbox" name="shirt" value="medium" checked> 
±ØÐëÐÞ¸ÄΪ£º
¡¡¡¡<td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked">
¡¡¡¡7.²»ÒªÔÚ×¢ÊÍÄÚÈÝÖÐʹ“--”
¡¡¡¡“--”Ö»ÄÜ·¢ÉúÔÚXHTML×¢Ê͵Ŀ


Ïà¹ØÎĵµ£º

ÈçºÎÈÃCSSʵÏÖ¶àÓÎÀÀÆ÷¼æÈÝ

http://www.cnblogs.com/rubylouvre/archive/2009/08/10/1542476.html
˵ÊÇʵÏÖ¼æÈÝ£¬ÆäʵҲֻ²»¹ýΪÁËÕÕ¹ËIE6ÓëIE7£¬Æäʵ²»Ö§³Ö±ê×¼µÄ¶ÔÊÖÔç¾ÍÑÌ·É»ÒÃ𣬶øÏñfirefox£¬Opera£¬SafariµÈ¸üл»´úÌ«¿ì£¬¾ÍËãÓÐÎÊÌâºÜ¿ì¾Í±»¹Ù·½´¦Àí¡£Òò´ËÕâƪ²©ÎÄ´ó¼Ò×îºÃÔÚIE6ÖÐä¯ÀÀ£¬ÀïÃæ¿ÉÔËÐеÄÀý×Ó¶¼ÊÇΪIE6×¼±¸µÄ¡£
Ñ¡ÔñÆ÷
ͨÅä·û * ......

CSSä¯ÀÀÆ÷¼æÈÝÎÊÌâ´óÈ«

¡¡¡¡1¡¢firefoxϸ¸ÈÝÆ÷µÄ¸ß¶È×ÔÊÊÓ¦
¡¡¡¡height:100%; overflow:auto;
¡¡¡¡2¡¢IE6µÄË«±¶±ß¾àBUG
¡¡¡¡display:inline
¡¡¡¡3¡¢³¬Á´½Ó·ÃÎʹýºóhoverÑùʽ²»³öÏÖµÄÎÊÌâ
¡¡¡¡¸Ä±äCSSÊôÐÔµÄÅÅÁÐ˳Ðò: L-V-H-A
¡¡¡¡4.FFÏÂʹÁ¬Ðø³¤×Ö¶Î×Ô¶¯»»ÐÐ
¡¡¡¡IEÖÐÖ±½ÓʹÓÃword-wrap:break-word
¡¡¡¡FFÖÐÎÒÃÇʹÓÃJS²åÈëµÄ·½·¨À´½â¾ö ......

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

.box128{
    width:128px;
    height:128px;
    text-align: center;
    vertical-align:middle;
    display:table-cell !important;
    display:block;
    border:1px solid #DDD;
   ......

Å£ÈËÒ²µÃ¿´µÄ15¸öCSS³£Ê¶

      1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà1px µÄÔ­Òò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆ̳öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£ 
¡¡¡¡2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö± ......

ʹÓÃCSSÍêÃÀʵÏÖ´¹Ö±¾ÓÖеķ½·¨

¡¡¡¡Ê¹ÓÃXHTML+CSSÀ´ÊµÏÖÔªËصĴ¹Ö±¾ÓÖÐÒ»Ö±ÊÇÇ°¶Ë¿ª·¢ÖеÄÒ»¸ö±È½Ï¸´ÔÓÇÒ¼¬ÊÖµÄÎÊÌ⣬×÷ΪÍøÒ³Éè¼Æʦ»òÇ°¶Ë¿ª·¢¹¤³Ìʦ£¬Õâ¸ö´¹Ö±¾ÓÖÐÎÊÌâ
Ò²ÊDZØÐëÕÆÎյļ¼ÇÉÖ®Ò»£¬Ò»Ð©»¥ÁªÍø¹«Ë¾ÃæÊÔÌâÖÐÒ²»á³öÏÖÕâÀàÌâÄ¿¡£½ñÌ챩·ç±ò±ò½«·ÖÏíÒ»¸öÍêÃÀͨ¹ýCSSʵÏÖ´¹Ö±¾ÓÖеķ½·¨£¬¸Ã·½·¨ÊÇÓÉaka
Yuhů·¢Ã÷µÄ£¬Õâ¸ö·½·¨Ò²ÊÇÄ¿Ç°±©·ç ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ