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 ÖÐʵÏÖÁË¶ÔÆëµÄЧ¹û£¡
Ïà¹ØÎĵµ£º
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>¹Ì¶¨±íÍ·ºÍÁÐ</title>
<style>
.FixedTitleRow
......
¡¾¼ò ½é¡¿
Ϊ·½±ãÕ¾µã°§µ¿,ÌØÌṩcssÂ˾µ´úÂë,ÒÔ±í°§µ¿.ÒÔÏÂΪȫվCSS´úÂë
Ϊ·½±ãÕ¾µã°§µ¿,ÌØÌṩcssÂ˾µ´úÂë,ÒÔ±í°§µ¿.ÒÔÏÂΪȫվCSS´úÂë.
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ʹÓ÷½·¨:Õâ¶Î´úÂë¿ÉÒÔ±äÍøÒ³ÎªºÚ°×,½«´úÂë¼Óµ½CSS×î¶¥¶Ë¾Í¿ÉÒÔʵÏÖËØ×°.½¨ÒéÈ«¹úÕ¾³¤¶¯ÆðÀ´.ÎªÔ ......
Ò»×éǶÌ×Ñ¡ÔñÆ÷µÄʵ¼ÊÌØÐÔ¿ÉÒÔ¼ÆËã³öÀ´¡£»ù±¾µÄ£¬Ê¹ÓÃIDÑ¡ÔñÆ÷µÄÖµÊÇ100£¬Ê¹ÓÃclassÑ¡ÔñÆ÷µÄÖµÊÇ10£¬Ã¿¸öhtmlÑ¡ÔñÆ÷µÄÖµÊÇ1¡£
ËüÃÇ¼ÓÆðÀ´¾Í¿ÉÒÔ¼ÆËã³öÌØÐÔµÄÖµ¡£
pµÄÌØÐÔÊÇ1£¨Ò»¸öhtmlÑ¡ÔñÆ÷£©
div pµÄÌØÐÔÊÇ2£¨Á½¸öhtmlÑ¡ÔñÆ÷£©
.treeµÄÌØÐÔÊÇ10£¨1¸öclassÑ¡ÔñÆ÷£©
div p.treeµÄÌØÐÔÊÇ1+1+10=12£¬£¨Á½¸öhtmlÑ¡ÔñÆ÷ ......
CSS(²ãµþÑùʽ±í),¿ÉÄÜ¿´¹ýÍøÕ¾ÖÆ×÷½Ì³ÌÍø»ù´¡½Ì³ÌµÄÈ˶¼ÖªµÀ´ó¸ÅÊÇʲô»ØÊÂ.±¾ÎÄÀ´²âÒ»ÏÂ,ÄãѧϰCSSÏÖÔÚ´¦ÓÚÔõôһ¸ö½×¶Î»òÕß˵´¦ÔÚÒ»¸öʲôµÈ¼¶.
±¾ÎÄ×ܹ²½«CSSѧϰÕߴӵ͵½¸ß·ÖΪÁù¸öµÈ¼¶.¿ìÀ´¿´¿´ÄãÊÇÔÚÄĸöµÈ¼¶.
¡¡¡¡µÚ0¼¶£ºCSS£¿Ê²Ã´CSS,ÊDz»ÊÇCS°¡.ÄÇÓÎÏ·ÎÒÍæ¹ýѽ.ÊǸö¶àÈËÓÎ ......
//cssÑùʽµÄÊéд
//ÔªËØID
#tb1{width:100%;height:80px;background-color:#FFD700;padding:4px;font-family:verdana,tahoma;font-weight:bold;}
#tb2{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px
0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
//Àà
.test{cursor:hand;
&nb ......