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

CSS ÎÄ×ÖÓëÊäÈë¿ò¶ÔÆë

ÔÚ½øÐÐdiv+cssÍøÒ³²¼¾ÖµÄʱºò£¬²»¿É±ÜÃâµÄÐèÒª²åÈëÒ»¶¨µÄ±íµ¥ÔªËØ£¬inputÊÇÆäÖÐ×î³£¼ûµÄÒ»ÖÖ¡£ÎÒÃÇÔÚ²¼¾ÖÖУ¬³£»áÓöµ½Îı¾ÊäÈë¿òÓëͬ´¦Ò»ÐеÄÎı¾²»¶ÔÆëµÄÎÊÌâ¡£Õâ¸öÎÊÌâÉèÖÃinputµÄvertical-align:middleÊôÐÔÀ´½â¾ö¡£
ÎÒÃÇÀ´¿´ÏÂÃæµÄÀý×Ó£¬ÈçºÎ½â¾öÎı¾ÊäÈë¿òÓëÎı¾¶ÔÆëµÄÎÊÌ⣡
<!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-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>52css.com</title>
<style type="text/css">
<!--
#a {
 height:30px;
 border:1px solid #ccc;
 }
#b {
 margin-top:20px;
 height:30px;
 border:1px solid #ccc;
 }
#a input {
 width:200px;
 height:30px;
 border:1px solid red;
 }
#b input {
 width:200px;
 height:30px;
 border:1px solid red;
 vertical-align:middle;
 }
-->
</style>
</head>
<body>
<div id="a"><input type="text" />52css.com - Div CSS²¼¾Ö ³£¼ûÎÊÌâ</div>
<div id="b"><input type="text" />52css.com - Div CSS²¼¾Ö ³£¼ûÎÊÌâ</div>
</body>
</html>
 
a ÖÐûÓÐʵÏÖÎÄ×ÖºÍÎı¾¿òµÄ¶ÔÆë
b ÖÐʵÏÖÁË¶ÔÆëµÄЧ¹û£¡


Ïà¹ØÎĵµ£º

È«¹ú°§µ¿ÈÕÍøÒ³±ä»ÒÉ«µÄCSS´úÂë

¡¾¼ò ½é¡¿
Ϊ·½±ãÕ¾µã°§µ¿,ÌØÌṩcssÂ˾µ´úÂë,ÒÔ±í°§µ¿.ÒÔÏÂΪȫվCSS´úÂë
Ϊ·½±ãÕ¾µã°§µ¿,ÌØÌṩcssÂ˾µ´úÂë,ÒÔ±í°§µ¿.ÒÔÏÂΪȫվCSS´úÂë.
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ʹÓ÷½·¨:Õâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×,½«´úÂë¼Óµ½CSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°.½¨ÒéÈ«¹úÕ¾³¤¶¯ÆðÀ´.ÎªÔ ......

DIV+CSSÑùʽ±àд×ÖÌå´óС±ê×¼

¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh1
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û32px
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh2
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û24px
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh3
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û18px
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh4
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û16px
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°ûh5
¸÷µØ°§µ¿ÓñÊ÷µØÕðÓöÄÑͬ°û13px
¸÷µØ°§µ¿Óñ ......

Web±ê×¼ css¼òд¹æÔò

1. css ×ÖÌå¼òд¹æÔò
µ±Ê¹ÓÃcss¶¨Òå×ÖÌåʱÄã¿ÉÄÜ»áÕâÑù×ö£º
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
ÊÂʵÉÏÄã¿ÉÒÔ¼òдÕâЩÊôÐÔ£º
font: 1em/1.5em bold italic small-caps verdana,serif
font: bold ital ......

´¿CSSʵÏֵı³¾°½¥±äÌõÌØÐ§´úÂë

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS½¥±äÌõ</ ......

css floatÎÊÌâ

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