¶ÔDIV+CSSµÄÒ»µãÐĵÃÌå»á£¬ÈÃÄ㾡¿ìѧ»á²¼¾ÖÉèÖÃ
Çë¿´ÏÂÃæÒ»¶Î´úÂ룺
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//¶¨ÒåÁËÒ»¸öID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//¶¨ÒåÁËÒ»¸öÀà
</style>
<TITLE>Öйú</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT;">TEST</DIV>//Ö±½ÓÉèÖÃÑùʽ
<DIV ID="login">TEST</DIV>//ÒýÓÃID
<DIV class="left">TEST</DIV>//ÒýÓÃÀà
<DIV>TEST</DIV>
</BODY>
</HTML>
ID£º±íʾΨһÐÔ£¬²¢ÇÒÔÚÕâ¸öÒ³ÃæÖÐÖ»»á³öÏÖÒ»´Î£¬ÎÒÃÇËüÀ´±íʾ²¼¾ÖµÄ½á¹¹
CLASS£ºÀ࣬±íʾһ×é»òÒ»¸ö¾ßÓÐͬÑùÐÔÖʵÄÔªËØ£¬Ëü¿ÉÒÔ¹²ÓÃÑùʽ
#LOGIN±íʾijһ¸öID²ã£¬ÏÂÃæ»¹¿ÉÒÔÉèÖÃÀ࣬±ÈÈç#LOGIN.LEFT{TEXT-ALIGN:CENTER;},Õâ¸öLEFTÀà¿ÉÒÔÔÚIDΪLOGINµÄ¿ò¼ÜÖÐʹÓã¬ÆäËüµØ·½ÎÞЧ
Ïà¹ØÎĵµ£º
¶¨ÒåºÍÓ÷¨
line-height ÊôÐÔÉèÖÃÐмäµÄ¾àÀ루Ðиߣ©¡£
×¢ÊÍ£º²»ÔÊÐíʹÓøºÖµ¡£
˵Ã÷
¸ÃÊôÐÔ»áÓ°ÏìÐпòµÄ²¼¾Ö¡£ÔÚÓ¦Óõ½Ò»¸ö¿é¼¶ÔªËØÊ±£¬Ëü¶¨ÒåÁ˸ÃÔªËØÖлùÏßÖ®¼äµÄ×îС¾àÀë¶ø²»ÊÇ×î´ó¾àÀë¡£
line-height Óë font-size µÄ¼ÆËãÖµÖ®²î£¨ÔÚ CSS ÖгÉΪ“Ðмä¾à”£©·ÖΪÁ½°ë£¬·Ö±ð¼Óµ½Ò»¸öÎı¾ÐÐÄÚÈݵĶ¥²¿ºÍµ× ......
×î½ü×÷¹æ·¶,µÃµ½¹«Ë¾¸ßÊֵĴͽ̣¬ÔÚÖÆ×÷¾²Ì¬Ò³ÃæÖУ¬¾³£Óöµ½¼¸¸ödivµÄ¸¡¶¯ÎÊÌ⣬ÒòΪIE²»Í¬°æ±¾´¦Àí¸¡¶¯»áÏÖÁ½±¶²î¾àµÄÎÊÌ⣨IE6£¬IE7£©£¬ÒÔǰ¶¼ÊÇͨ¹ýhack¼¼Êõ´¦Àí£¬£¨Èç margin-left:10px,[*margin-left:5px;],_margin-left:5px;ÕâÊÇIEµÄÎÊÌ⣩£¬ÏÖÔÚÓÐÒ»¸ö·½·¨£ºÔÚµÚÒ»¸ödivµÄclass¼ÓÉÏ£¨disp ......
Èçͼ£¬×öÍøÕ¾Ê±¾³£Óöµ½µÄÇé¿ö£¬½«ÏîÄ¿ÃûºÍ·¢²¼Ê±¼ä×óÓÒ·Ö¿ª¡£
·½·¨1£º
˼·ÊÇÖ±½Ó½«Ê±¼ä·Åµ½Ò»¸öÐÐÄÚÔªËØÀȻºó½«Õâ¸öÔªËØÓÒ¸¡¶¯¡£
È磺<li><span>(2009-01-01)</span>[ýÌå²¥·Å] KMPlayer
2.9.3.1428 ÖÐÎÄÕýʽ°æ </li>
Ö»Òª½« li span{float:right£»}£¬È»ºó li{width:200 ......
css
clearfix(Õë¶Ô»ðºüheight:autoÎÞЧ½â¾ö·½°¸)
FirefoxµÈ·ûºÏW3C±ê×¼µÄä¯ÀÀÆ÷ÖУ¬Èç¹ûÓÐÒ»¸öDIV×÷ΪÍⲿÈÝÆ÷£¬ÄÚ²¿µÄDIVÈç¹ûÉèÖÃÁËfloatÑùʽ£¬ÔòÍⲿµÄÈÝÆ÷DIVÒòΪÄÚ²¿Ã»ÓÐclear£¬µ¼Ö²»Äܱ»³Å¿ª¡£
Àý£º
<div style=" border:2px solid #0CC; width:600px;" >
<div style="
wi ......
×î½üÔÚÍøÉÏÕÒµ½Á˼¸¿îCSSÔÚÏßÓÅ»¯Æ÷£¬×Ô¼ºÊÔÁËÊÔ£¬·ÅÉÏÀ´¸ú´ó¼Ò·ÖÏíһϡ£
1. Online CSS Optimizer /ÔÚÏßCSSÓÅ»¯
¸ÃÔÚÏß¹¤¾ßÓÃÓÚ¾«¼òºÍѹËõÑùʽ±íµÄÎļþ´óС£¬ÓÅ»¯ºóµÄ´úÂ뽫ÍêÈ«ÊÇ»ìÂҵģ¬Ö§³ÖÊäÈëURL£¬Ìá½»ÎļþºÍÖ±½ÓÊäÈë½øÐÐѹËõ¡£
2. CSS Compressor/CSSѹËõ
×÷ÓÃͬÉÏ£¬µ«Õâ¸ö¹¤¾ßÓµÓзdz£ÏêϸµÄѹËõÑ¡ÏËü°üº¬» ......