ÏêÊöCSSÖе¥Î»pxºÍemµÄÇø±ð
¹úÄÚµÄÉè¼Æʦ´ó¶¼Ï²»¶ÓÃpx£¬¶ø¹úÍâµÄÍøÕ¾´ó¶¼Ï²»¶ÓÃem£¬ÄÇôÁ½ÕßÓÐʲôÇø±ð£¬ÓÖ¸÷×ÔÓÐʲôÓÅÁÓÄØ£¿
1¡¢IEÎÞ·¨µ÷ÕûÄÇЩʹÓÃpx×÷Ϊµ¥Î»µÄ×ÖÌå´óС£»
2¡¢¹úÍâµÄ´ó²¿·ÖÍøÕ¾Äܹ»µ÷ÕûµÄÔÒòÔÚÓÚÆäʹÓÃÁËem×÷Ϊ×ÖÌ嵥λ£»
3¡¢FirefoxÄܹ»µ÷ÕûpxºÍem£¬µ«ÊÇ96%ÒÔÉϵÄÖйúÍøÃñʹÓÃIEä¯ÀÀÆ÷£¨»òÄںˣ©¡£
pxÏñËØ£¨Pixel£©£¬Ïà¶Ô³¤¶Èµ¥Î»¡£ÏñËØpxÊÇÏà¶ÔÓÚÏÔʾÆ÷ÆÁÄ»·Ö±æÂʶøÑԵġ££¨Òý×ÔCSS2.0Êֲᣩ
emÊÇÏà¶Ô³¤¶Èµ¥Î»¡£Ïà¶ÔÓÚµ±Ç°¶ÔÏóÄÚÎı¾µÄ×ÖÌå³ß´ç¡£È統ǰ¶ÔÐÐÄÚÎı¾µÄ×ÖÌå³ß´çδ±»ÈËΪÉèÖã¬ÔòÏà¶ÔÓÚä¯ÀÀÆ÷µÄĬÈÏ×ÖÌå³ß´ç¡££¨Òý×ÔCSS2.0Êֲᣩ
ÈÎÒâä¯ÀÀÆ÷µÄĬÈÏ×ÖÌå¸ß¶¼ÊÇ16px¡£ËùÓÐδ¾µ÷ÕûµÄä¯ÀÀÆ÷¶¼·ûºÏ£º1em=16px¡£ÄÇô12px=0.75em£¬10px=0.625em¡£ÎªÁ˼ò»¯font-sizeµÄ»»Ë㣬ÐèÒªÔÚCSSÖеÄbodyÑ¡ÔñÆ÷ÖÐÉùÃ÷ Font-size=62.5%£¬Õâ¾ÍʹemÖµ±äΪ 16px*62.5%=10px£¬ÕâÑù12px=1.2em£¬10px=1em£¬Ò²¾ÍÊÇ˵ֻÐèÒª½«ÄãµÄÔÀ´µÄpxÊýÖµ³ýÒÔ10£¬È»ºó»»ÉÏem×÷Ϊµ¥Î»¾ÍÐÐÁË¡£
emÓÐÈçÏÂÌص㣺
1¡¢emµÄÖµ²¢²»Êǹ̶¨µÄ£»
2¡¢em»á¼Ì³Ð¸¸¼¶ÔªËصÄ×ÖÌå´óС¡£
ËùÒÔÎÒÃÇÔÚдCSSµÄʱºò£¬ÐèҪעÒâÁ½µã£º
1¡¢bodyÑ¡ÔñÆ÷ÖÐÉùÃ÷Font-size=62.5%£»
2¡¢½«ÄãµÄÔÀ´µÄpxÊýÖµ³ýÒÔ10£¬È»ºó»»ÉÏem×÷Ϊµ¥Î»£»
3¡¢ÖØмÆËãÄÇЩ±»·Å´óµÄ×ÖÌåµÄemÊýÖµ¡£±ÜÃâ×ÖÌå´óСµÄÖظ´ÉùÃ÷¡£
Ò²¾ÍÊDZÜÃâ1.2 * 1.2 = 1.44µÄÏÖÏó¡£±ÈÈç˵ÄãÔÚ#contentÖÐÉùÃ÷ÁË×ÖÌå´óСΪ1.2em£¬ÄÇôÔÚÉùÃ÷pµÄ×ÖÌå´óСʱ¾ÍÖ»ÄÜÊÇ1em£¬¶ø²»ÊÇ1.2em£¬ÒòΪ´Ëem·Ç±Ëem£¬ËüÒò¼Ì³Ð#contentµÄ×ÖÌå¸ß¶ø±äΪÁË1em=12px¡£
µ«ÊÇ12pxºº×ÖÀýÍ⣬¾ÍÊÇÓÉÒÔÉÏ·½·¨µÃµ½µÄ12px£¨1.2em£©´óСµÄºº×ÖÔÚIEÖв¢²»µÈÓÚÖ±½ÓÓÃ12px¶¨ÒåµÄ×ÖÌå´óС£¬¶øÊÇÉÔ´óÒ»µã¡£Õâ¸öÎÊÌâJoruxÒѾ½â¾ö£¬Ö»ÐèÔÚbodyÑ¡ÔñÆ÷ÖаÑ62.5%»»³É63%¾ÍÄÜÕý³£ÏÔʾÁË¡£ÔÒò¿ÉÄÜÊÇIE´¦Àíºº×Öʱ£¬¶ÔÓÚ¸¡µãµÄÈ¡Öµ¾«È·¶ÈÓÐÏÞ¡£²»ÖªµÀÓÐûÓÐÆäËûµÄ½âÊÍ¡£
Ïà¹ØÎĵµ£º
¶¨Î»Ò»Ö±ÊÇWEB±ê×¼Ó¦ÓÃÖеÄÄѵ㣬Èç¹ûÀí²»Çå³þ¶¨Î»ÄÇô¿ÉÄÜӦʵÏÖµÄЧ¹ûʵÏÖ²»ÁË£¬ÊµÏÖÁ˵ÄЧ¹û¿ÉÄÜ»á×ßÑù¡£Èç¹ûÀíÇåÁ˶¨Î»µÄÔÀí£¬ÄǶ¨Î»»áÈÃÍøҳʵÏֵĸü¼ÓÍêÃÀ¡£
¶¨Î»µÄ¶¨Ò壺
ÔÚCSSÖйØÓÚ¶¨Î»µÄÄÚÈÝÊÇ£ºposition:relative | absolute | static | fixed
static ûÓÐÌرðµÄÉ趨£¬×ñÑ»ù±¾µÄ¶¨Î»¹æ¶¨£¬²»ÄÜͨ¹ýz-index½ ......
¿´µ½ÎÊ´ËÎÊÌâµÄºÜ¶à£¬ËùÒÔ»¨µãʱ¼äÕûÀíÏ£¬»¶Ó´ó¼ÒÌáÒâ¼û£¬×ö²¹³äÐ޸ģ¬Ð»Ð»£¡
/*lesliezmzÕûÀíµÄ·½·¨ 2010-01-19*/
µ±writing-modeΪtb-rl ʱ£¬ÎĵµÁ÷ÊÇ´ÓÉϵ½Ï£¬´ÓÓÒµ½×óÊéд¡£È»ºóÉèÖÃtext-align: center¾Í¿ÉÒÔʵÏÖ´¹Ö±·½ÏòÉϵľÓÖС£ËãÊÇÒ»¸öС¼¼ÇÉ°É¡£
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti ......
²é¿´ÔÎÄ£ºhttp://www.csswang.com/css/110.html
µ¼º½½á¹¹ÔÚÍøÕ¾Éè¼ÆÖÐÊÇÆðµ½¾ö¶¨ÐÔ×÷Óõģ¬µ¼º½²Ëµ¥/À¸³£³£Í¨¹ýÑÕÉ«¡¢ÅÅ°æ¡¢ÐÎ×´ºÍһЩͼƬÀ´°ïÖúÍøÕ¾´´Ôì¸üºÃµÄÊÓ¾õºÍ¸ÐÊÜ£¬ËüÊÇÍøÒ³Éè¼ÆµÄ¹Ø¼üÔªËØ¡£
¡¡¡¡ËäÈ»ÍøÕ¾µ¼º½²Ëµ¥µÄÍâ¹ÛÊÇÍøÒ³Éè¼ÆÖйØϵµ½Õû¸öÉè¼Æ³É°ÜÓë·ñµÄ¹Ø¼ü£¬µ«ÊÓ¾õЧ¹ûÒ²²»ÄÜÓ°Ïìµ½ÍøÕ¾¿ÉÓÃÐÔ¡£×îÀíÏëµÄ ......
A
absolute ¾ø¶ÔµÄ   ......
×¢Ã÷£ºÈç¹ûÒªÏëÒªÔÚIE6ÎÞÏÞ¼¶µÄ»°ÐèҪд¶àһЩJS£¬ÆäËûÓÎÀÀÆ÷¶¼¿ÉÒÔʹÓÃͬ¶Îjs
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equ ......