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

cssÐÂÊÖÈëÃÅ½Ì³Ì ×ÝÏòÏÂÀ­¼°¶à¼¶µ¯³öʽ²Ëµ¥

×¢ÒâÊÂÏ
             ÁËʵÏÖµ¼º½ÖеÄ×Óµ¼º½ÓëÖ÷µ¼º½ÔÚʵÏÖÊó±ê½»»¥µÄͬʱ£¬±£³ÖÆäÏà¶ÔλÖÃÒ»Ö£¬ÎÒÃÇʹÓÃÁ˶Ôul li{}ʹÓÃÁËposition:relative;ʹÆä¶¨Î»·½Ê½×ªÎªÏà¶Ô¶¨Î»¡£¶ø¶Ôli ul{}¼´×Óµ¼º½²ÉÓÃÁËposition:absolute;Ïà¶ÔÓÚµ¼º½µÄ¾ø¶Ô¶¨Î»·½Ê½£¬ÁËÆäÊó±ê½»»¥ºóµÄλÖÃÒ»Ö¡£
            ×ÝÏòµ¼º½²Ëµ¥
ÎÒÃÇÏÈ¿´Ò»Ï´úÂë½á¹¹£º
     
<div id="nav">
    <h1>CSS</h1>
        <h2><a href="#">cssÈëÃÅ</a></h2>
        <h2><a href="#">css½ø½×</a></h2>
        <h2><a href="#">css¸ß¼¶</a></h2>
    <h1>webUI</h1>
        <h2><a href="#">ÀíÂÛ֪ʶ</a></h2>
        <h2><a href="#">ʵսӦÓÃ</a></h2>
        <h2><a href="#">¸ß¼¶¼¼ÇÉ</a></h2>
    <h1>DOM</h1>
        <h2><a href="#">DOMÈëÃÅ</a></h2>
        <h2><a href="#">DOMÓ¦ÓÃ</a></h2>
        <h2><a href="#">DOMÓëä¯ÀÀÆ÷</a></h2>
    <h1>XHTML</h1>
        <h2><a href="#">²Î¿¼ÊÖ²á</a></h2>
        <h2><a href="#">½»Á÷ÂÛ̳</a></h2>
</div>
´ÓÒÔÉÏ¿ÉÒÔ¿´³ö£¬Õâ´ÎµÄXHTML²¿·ÖµÄ´úÂëºáÏò´úÂëÂÔÓв»Í¬£¬ÎÒÃÇûÓмÌÐøÊ¹ÓÃulºÍli±êÇ©£¬Æäʵ¼ÌÐøÊ¹ÓÃulÔªËØÒ²ÄÜÍêºÃµÄʵÏÖ×ÝÏòµ


Ïà¹ØÎĵµ£º

csdn blog css×Ô¶¨ÒåÉèÖã¨×ª£©


¡¾×÷Õߣºrare¡¿
csdn blog css×Ô¶¨ÒåÉèÖÃ
¿ÉÒÔÔÚ²©¿ÍµÄÅäÖÃÒ³ÃæµÄ×Ô¶¨ÒåcssÀ¸ÖÐÌîÈëcssÑùʽ´úÂëÀ´×Ô¶¨Ò²blogµÄ·ç¸ñ
csdn blogµÄÒ³Ãæ¼Ü¹¹»ù±¾ÊÇÓÉdivʵÏֵģ¬Õû¸öÒ³ÃæÖ÷ÒªÓÉÈý¸ödiv×é³É£¬ËüÃǵÄid·Ö±ðÊÇ:
csdnblog_header, csdnblog_sidebar, csdnblog_content¡£
ËùÒÔ£¬¶¨ÒåËüÃǵÄÖ÷ÌåÑùʽ¿ÉÒÔÕâÑù:
#csdnblog_heade ......

DIV CSSÍøÒ³²¼¾Ö¼æÈÝÐÔµÄÒªµãÓë¾÷ÇÏ×Ü

IE vs FF
CSS ¼æÈÝÒªµã£ºDOCTYPE Ó°Ïì CSS ´¦Àí
FF: div ÉèÖà margin-left, margin-right Ϊ auto ʱÒѾ­¾ÓÖÐ, IE ²»ÐÐ
FF: body ÉèÖà text-align ʱ, div ÐèÒªÉèÖà margin: auto(Ö÷ÒªÊÇ margin-left,margin-right) ·½¿É¾ÓÖÐ
FF: ÉèÖà padding ºó, div »áÔö¼Ó height ºÍ width, µ« IE ²»»á, ¹ÊÐèÒªÓà !important ¶àÉèÒ» ......

HTML£¬CSS£¬JS£¬ASPµÈ´úÂë×¢ÊÍ·½·¨


ÍøÒ³ÖÆ×÷ÖУ¬ÎªÁË·½±ãÈÕºóÐ޸ĻòЭ×÷¿ª·¢£¬³£³£Òª¶ÔÒ³Ãæ½øÐÐÏàÓ¦µÄ×¢ÊÍ£¬ÄãÍøÒ³½á¹¹ÇåÎú£¬¿É¶ÁÐÔÔöÇ¿¡£ÒÔϽéÉܼ¸ÖÖ³£ÓõÄ×¢ÊÍ·½·¨£º
Ò»¡¢HTMLµÄ×¢ÊÍ·½·¨
<!-- html×¢ÊÍ:START -->
ÄÚÈÝ
<!-- html×¢ÊÍ:END -->
¶þ¡¢CSSµÄ×¢ÊÍ·½·¨
<style type="text/css">
/* css×¢ÊÍ*/
</style>
ÔÚµ¥¶À ......

cssÒ³Ãæ²¼¾ÖºÍµ¼º½Ê¾Àý

<html>
<head>
<mce:style type="text/css"><!--
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div. ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ