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=
Ïà¹ØÎĵµ£º
¶¨ÒåºÍÓ÷¨
line-height ÊôÐÔÉèÖÃÐмäµÄ¾àÀ루Ðиߣ©¡£
×¢ÊÍ£º²»ÔÊÐíʹÓøºÖµ¡£
˵Ã÷
¸ÃÊôÐÔ»áÓ°ÏìÐпòµÄ²¼¾Ö¡£ÔÚÓ¦Óõ½Ò»¸ö¿é¼¶ÔªËØÊ±£¬Ëü¶¨ÒåÁ˸ÃÔªËØÖлùÏßÖ®¼äµÄ×îС¾àÀë¶ø²»ÊÇ×î´ó¾àÀë¡£
line-height Óë font-size µÄ¼ÆËãÖµÖ®²î£¨ÔÚ CSS ÖгÉΪ“Ðмä¾à”£©·ÖΪÁ½°ë£¬·Ö±ð¼Óµ½Ò»¸öÎı¾ÐÐÄÚÈݵĶ¥²¿ºÍµ× ......
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 ......
Èçͼ£¬×öÍøÕ¾Ê±¾³£Óöµ½µÄÇé¿ö£¬½«ÏîÄ¿ÃûºÍ·¢²¼Ê±¼ä×óÓÒ·Ö¿ª¡£
·½·¨1£º
˼·ÊÇÖ±½Ó½«Ê±¼ä·Åµ½Ò»¸öÐÐÄÚÔªËØÀȻºó½«Õâ¸öÔªËØÓÒ¸¡¶¯¡£
È磺<li><span>(2009-01-01)</span>[ýÌå²¥·Å] KMPlayer
2.9.3.1428 ÖÐÎÄÕýʽ°æ </li>
Ö»Òª½« li span{float:right£»}£¬È»ºó li{width:200 ......
CSS(Cascading Style Sheets)²ãµþÑùʽ±í×÷ÓÃÊǽ«ÍøÒ³ÄÚÈݺÍÏÔʾÑùʽ½øÐзÖÀ룬Ìá¸ßÁËÏÔʾ¹¦ÄÜ¡£
CSS´úÂë¸ñʽ£º
Ñ¡ÔñÆ÷Ãû³Æ { ÊôÐÔÃû£ºÊôÐÔÖµ£»ÊôÐÔÃû£ºÊôÐÔÖµ£»……}
Ñ¡ÔñÆ÷£¨¶Ô²»Í¬µÄHTML±êÇ©½øÐпØÖÆ£¬²¢¸³Óè¸÷ÖÖÑùʽÉùÃ÷£¬¼´¿ÉʵÏÖ¸÷ÖÖЧ¹û£©£º
±êÇ©Ñ ......