div+cssѧϰ2
µÚ¶þ½² div+css±ê×¼²¼¾Ö
Óŵ㣺ÄÚÈݺÍÑùʽ·ÖÀë
margin£ºÍâ±ß¾à
¾ÙÀý£º
.bianju{
margin-top:40cm;
margin-left:10cm;
margin-right:10cm;
margin-bottom:15cm;
}
»òÕßд³É£º
.bianju{
margin:1cm 2cm 3cm 4cm; (×óÓÒÉÏÏÂ)Èç¹ûֻдһ¸ö£¬ÊÇ4±ß¶¼ÊÇÒ»¸ö¹Ì¶¨µÄÖµ
margin:auto (¿É×Ô¶¯µ÷Õû)
}
padding£ºÄڱ߾à
¾ÙÀý£º
td{
padding-top:40cm;
padding-left:10cm;
padding-right:10cm;
padding-bottom:15cm;
}
»òÕßд³É£º
td{
padding:1cm 2cm 3cm 4cm; ¾ßÌåÄÚÈÝͬmargin
}
float
¶ÔÆë·½Ê½£¨Æ¯¸¡µÄÊôÐÔ£©
ȡֵ£ºfloat:left|right|none
¾ÙÀý£º
ÉÏÃæ²¿·Ö£º
.one{
float:right;
}
ÏÂÃæ²¿·Ö£º
<p class="one">aaaa</p>
clear£º
Çå³ýƯ¸¡
ȡֵ£ºclear£ºleft|right|both|none
Ïà¹ØÎĵµ£º
±ÈÈ磺
<div class="row" id="form_domain_container">
<label for="domain">ÓòÃû:</label>
<input name="domain" value="<{$do->domain_name|escape}>" type="text" id="domain" size="35" maxlength= ......
//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 ......
¹ØÓÚCSS¶Ô¸÷¸öä¯ÀÀÆ÷¼æÈÝÒѾÊÇÀÏÉú³£Ì¸µÄÎÊÌâÁË, ÍøÂçÉÏµÄ½Ì³Ì±éµØ¶¼ÊÇ.ÒÔÏÂÄÚÈÝûÓÐÌ«¶àÐÂÓ±, ´¿Êô¸öÈË×ܽá, Ï£ÍûÄܶԳõѧÕßÓÐÒ»¶¨µÄ°ïÖú.
Ò»¡¢CSS HACK
ÒÔÏÂÁ½ÖÖ·½·¨¼¸ºõÄܽâ¾öÏÖ½ñËùÓÐHACK.
1, !important
Ëæ×ÅIE7¶Ô!importantµÄÖ§³Ö, !important ·½·¨ÏÖÔÚÖ»Õë¶ÔIE6µÄHACK.(×¢Òâд·¨.¼ÇµÃ¸ÃÉùÃ÷λÖÃÐèÒªÌáǰ.)
< ......
¾²Ì¬¶¨Î»£ºposition:static£¨ÎªpositionÊôÐÔµÄĬÈÏÖµ£©¡£
¶¯Ì¬¶¨Î»£ºposition:relative»òposition:absolute»òposition:fixed¡£
×æÔªËØ£ºÈÎÒâ°üº¬¸ÃÔªËØµÄÔªËØ¡£ ¸¸ÔªËØ£ºÖ±½Ó°üº¬¸ÃÔªËØµÄ×æÔªËØ¡£ ͬ±²ÔªËØ£ºÓµÓй²Í¬µÄ¸¸ÔªËصÄÔªËØ¡£
×¢£ºÕâЩ¸Å
ÄîΪ×÷Õß ......
png͸Ã÷ AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)
enabled£º¿ÉÑ¡Ïî¡£²¼¶ûÖµ(Boolean)¡£ÉèÖûò¼ìË÷Â˾µÊÇ·ñ¼¤»î¡£true£ºÄ¬ÈÏÖµ¡£Â˾µ¼¤»î¡£false£ºÂ˾µ±»½ûÖ¹¡£
sizingMethod£º¿ÉÑ¡Ïî¡£×Ö·û´®(String)¡£ÉèÖûò¼ìË÷Â˾µ×÷ÓõĶÔÏóµÄͼ ......