¶Ô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µÄ¿ò¼ÜÖÐʹÓã¬ÆäËüµØ·½ÎÞЧ
Ïà¹ØÎĵµ£º
¡¾¼ò ½é¡¿
Ϊ·½±ãÕ¾µã°§µ¿,ÌØÌṩcssÂ˾µ´úÂë,ÒÔ±í°§µ¿.ÒÔÏÂΪȫվCSS´úÂë
Ϊ·½±ãÕ¾µã°§µ¿,ÌØÌṩcssÂ˾µ´úÂë,ÒÔ±í°§µ¿.ÒÔÏÂΪȫվCSS´úÂë.
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ʹÓ÷½·¨:Õâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×,½«´úÂë¼Óµ½CSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°.½¨ÒéÈ«¹úÕ¾³¤¶¯ÆðÀ´.ÎªÔ ......
Ò»×éǶÌ×Ñ¡ÔñÆ÷µÄʵ¼ÊÌØÐÔ¿ÉÒÔ¼ÆËã³öÀ´¡£»ù±¾µÄ£¬Ê¹ÓÃIDÑ¡ÔñÆ÷µÄÖµÊÇ100£¬Ê¹ÓÃclassÑ¡ÔñÆ÷µÄÖµÊÇ10£¬Ã¿¸öhtmlÑ¡ÔñÆ÷µÄÖµÊÇ1¡£
ËüÃÇ¼ÓÆðÀ´¾Í¿ÉÒÔ¼ÆËã³öÌØÐÔµÄÖµ¡£
pµÄÌØÐÔÊÇ1£¨Ò»¸öhtmlÑ¡ÔñÆ÷£©
div pµÄÌØÐÔÊÇ2£¨Á½¸öhtmlÑ¡ÔñÆ÷£©
.treeµÄÌØÐÔÊÇ10£¨1¸öclassÑ¡ÔñÆ÷£©
div p.treeµÄÌØÐÔÊÇ1+1+10=12£¬£¨Á½¸öhtmlÑ¡ÔñÆ÷ ......
test.html£º
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id=&qu ......
css
clearfix(Õë¶Ô»ðºüheight:autoÎÞЧ½â¾ö·½°¸)
FirefoxµÈ·ûºÏW3C±ê×¼µÄä¯ÀÀÆ÷ÖУ¬Èç¹ûÓÐÒ»¸öDIV×÷ΪÍⲿÈÝÆ÷£¬ÄÚ²¿µÄDIVÈç¹ûÉèÖÃÁËfloatÑùʽ£¬ÔòÍⲿµÄÈÝÆ÷DIVÒòΪÄÚ²¿Ã»ÓÐclear£¬µ¼Ö²»Äܱ»³Å¿ª¡£
Àý£º
<div style=" border:2px solid #0CC; width:600px;" >
<div style="
wi ......