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

CSS²ãµþ¼ÓµÄÔ­Ôò

¾²Ì¬¶¨Î»£ºposition:static£¨ÎªpositionÊôÐÔµÄĬÈÏÖµ£©¡£    
¶¯Ì¬¶¨Î»£ºposition:relative»òposition:absolute»òposition:fixed¡£    
×æÔªËØ£ºÈÎÒâ°üº¬¸ÃÔªËØµÄÔªËØ¡£     ¸¸ÔªËØ£ºÖ±½Ó°üº¬¸ÃÔªËØµÄ×æÔªËØ¡£     ͬ±²ÔªËØ£ºÓµÓй²Í¬µÄ¸¸ÔªËصÄÔªËØ¡£
×¢£ºÕâЩ¸Å
ÄîΪ×÷Õß×Ô¶¨Ò壬½öÓÃÓÚ±¾ÎÄ¡£
ÒýÓÃ:
¹ØÓÚͬ±²ÔªËØÊǸö·Ç³£¹Ø¼üµÄ´Ê£¬ÕâÀﻹÐèÒªÏêϸ½âÊÍ
һϡ£
    <div>
        <div></div>
       
<div id="a"></div>
        <div></div>
   
    <div></div>
        <div></div>
   
    <div></div>
    </div>
    <div
id="f">
        <div></div>
        <div
id="b"></div>
        <div id="c"></div>
   
    <div></div>
        <div></div>
   
    <div></div>
    </div>
ÔÚÕâ¸öÀý×ÓÖУ¬div#aÓë
div#b²¢²»ÊǓͬ±²ÔªËØ”£¬Ö»ÓÐÏñdiv#bºÍdiv#cÕâÑùÓµÓÐͬÑù¸¸Ìådiv#fµÄµÄÔªËØ²ÅÄܽГͬ±²ÔªËØ”¡£
ÒýÓýáÊø
½Ó
ÏÂÀ´¿´¿´ÕâÎåÌõ·¨Ôò
£º
·¨ÔòÒ»
£ºÍ¬±²ÔªËض¨Î»·½Ê½Ïàͬ£¬ÇÒÎÞz-indexÉèÖÃ
ʱ£¬html¿¿ºóÕß¾ÓÉÏ¡£
·¨
Ôò¶þ
£ºÍ¬±²ÔªËØÍ¬Îª¶¯Ì¬¶¨Î»Ê±£¬ÇÒÓÐz-indexÉèÖÃʱ£¬z-indexÖµ´óÕß¾ÓÉÏ¡£
 
 Ã͵ãÕâÀï²âÊÔ
·¨ÔòÈý
£ºÍ¬±²ÔªËض¨Î»·½Ê½²»Í¬Ê±£¬¶¯Ì¬¶¨Î»¾ÓÉÏ¡£
Ã͵ãÕâÀï²âÊÔ
·¨ÔòËÄ
£º·Çͬ±²ÔªËØ£¬ÈÎÒâÒ»Õß¼°Æä×æÔªËØ²»¾ß±¸¶¯Ì¬²¼¾Öʱ£¬html¿¿ºóÕß¾ÓÉÏ¡£
 
Ã͵ãÕâÀï²âÊÔ
·¨
ÔòÎå
£º¡¾ÖØÒª¡¿·Çͬ±²ÔªËØ£¬ÈÎÒâÒ»Õß»òÆä×æÔªËØÓµÓж¯Ì¬¶¨Î»Ê±£¬Í¬Ê±¸÷×ÔÏòÉÏѰÕÒ¶¯Ì¬¶¨Î»µÄ×æÔªËØ£¬²¢·Ö±ð´ÓÖÐÄóö¾ß±¸×î¸ß¼¶±ðµÄ×æÔª
ËØ£¨»òÆä±¾Éí£©½øÐбȽϡ£ 
    <div id="ab" style=


Ïà¹ØÎĵµ£º

CSS line height height ÊôÐÔ £¨£©

¶¨ÒåºÍÓ÷¨
line-height ÊôÐÔÉèÖÃÐмäµÄ¾àÀ루Ðиߣ©¡£
×¢ÊÍ£º²»ÔÊÐíʹÓøºÖµ¡£
˵Ã÷
¸ÃÊôÐÔ»áÓ°ÏìÐпòµÄ²¼¾Ö¡£ÔÚÓ¦Óõ½Ò»¸ö¿é¼¶ÔªËØÊ±£¬Ëü¶¨ÒåÁ˸ÃÔªËØÖлùÏßÖ®¼äµÄ×îС¾àÀë¶ø²»ÊÇ×î´ó¾àÀë¡£
line-height Óë font-size µÄ¼ÆËãÖµÖ®²î£¨ÔÚ CSS ÖгÉΪ“Ðмä¾à”£©·ÖΪÁ½°ë£¬·Ö±ð¼Óµ½Ò»¸öÎı¾ÐÐÄÚÈݵĶ¥²¿ºÍµ× ......

css floatÎÊÌâ

     ×î½ü×÷¹æ·¶,µÃµ½¹«Ë¾¸ßÊֵĴͽ̣¬ÔÚÖÆ×÷¾²Ì¬Ò³ÃæÖУ¬¾­³£Óöµ½¼¸¸ödivµÄ¸¡¶¯ÎÊÌ⣬ÒòΪIE²»Í¬°æ±¾´¦Àí¸¡¶¯»áÏÖÁ½±¶²î¾àµÄÎÊÌ⣨IE6£¬IE7£©£¬ÒÔǰ¶¼ÊÇͨ¹ýhack¼¼Êõ´¦Àí£¬£¨Èç margin-left:10px,[*margin-left:5px;],_margin-left:5px;ÕâÊÇIEµÄÎÊÌ⣩£¬ÏÖÔÚÓÐÒ»¸ö·½·¨£ºÔÚµÚÒ»¸ödivµÄclass¼ÓÉÏ£¨disp ......

DIV+CSSÖ®float

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ÈÃÔªËØ¾ÓÖÐÏÔʾµÄ¼¼ÇÉ

ת×Ô£ºhttp://www.linji.cn/post/1595/
ÓÃCSSÈÃÔªËØ¾ÓÖÐÏÔʾ²¢²»ÊǼþºÜ¼òµ¥µÄÊÂÇ闗ͬÑùµÄºÏ·¨CSS¾ÓÖÐÉèÖÃÔÚ²»Í¬µÄä¯ÀÀÆ÷ÖеıíÏÖÐÐΪȴ¸÷ÓÐǧÇï¡£ÔÚÕâÀÎÒ½éÉÜÒ»ÖֺܺõľÓÖд¦Àí°ì·¨£¬µ«Õâ֮ǰ£¬ÈÃÎÒÃÇÏÈÀ´¿´¿´×î³£¼ûµÄʹÓÃCSS¾ÓÖÐÔªËØµÄ·½·¨¡£
ʹÓÃ×Ô¶¯Íâ±ß¾àʵÏÖ¾ÓÖÐ
CSS
ÖÐÊ×Ñ¡µÄÈÃÔªËØË®Æ½¾ÓÖеķ ......

ÄãÏÖÔÚµÄCSSˮƽ´¦ÓÚʲôµÈ¼¶£¿

CSS(²ãµþÑùʽ±í),¿ÉÄÜ¿´¹ýÍøÕ¾ÖÆ×÷½Ì³ÌÍø»ù´¡½Ì³ÌµÄÈ˶¼ÖªµÀ´ó¸ÅÊÇʲô»ØÊÂ.±¾ÎÄÀ´²âÒ»ÏÂ,ÄãѧϰCSSÏÖÔÚ´¦ÓÚÔõôһ¸ö½×¶Î»òÕß˵´¦ÔÚÒ»¸öʲôµÈ¼¶.
       ±¾ÎÄ×ܹ²½«CSSѧϰÕߴӵ͵½¸ß·ÖΪÁù¸öµÈ¼¶.¿ìÀ´¿´¿´ÄãÊÇÔÚÄĸöµÈ¼¶.
¡¡¡¡µÚ0¼¶£ºCSS£¿Ê²Ã´CSS,ÊDz»ÊÇCS°¡.ÄÇÓÎÏ·ÎÒÍæ¹ýѽ.ÊǸö¶àÈËÓÎ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ