cssÍøÒ³±³¾°½¥±ä
<style type="text/css">
/*
´ÓÉÏÍùϽ¥±ä
*/
body
{
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#003C9F,endColorStr=white);
}
/*
´Ó×óÉÏÖÁÓÒϽ¥±ä
*/
body
{
background-color:skyblue;
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100);
}
/*
´Ó×óÍùÓÒ½¥±ä
*/
body
{
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#0066FF,endColorStr=white);
}
</style>
Ч¹û·Ö±ðÈçÏ£º
Ïà¹ØÎĵµ£º
IE8 ×Ô¶¯ÔÚ¼æÈÝģʽÏÂÔËÐУº
¼ÓÈëÕâôһÐÐ <meta http-equiv="x-ua-compatible" content="ie=7" />
ÆäÄÚÈÝËæÖøÖ¸¶¨µÄÒ³ÃæÄ£Ê½¶ø¸ü¸Ä£¬µ±ÒªÄ£ÄâIE7ʱ£¬Ö¸¶¨IE=IE7£¬Ò²¿ÉÒÔÖ¸¶¨IE=6À´Ä£·ÂIE6
Çø±ðIE6ÓëFF£º
background:orange;*background:blue;
Çø±ðIE6ÓëIE7£º
background:green !important;background:blue;
......
1. ½«ÍøÒ³»òÔªËØ¾ÓÖÐ
HTML£º
<div class="wrap">
</div><!-- end wrap -->
CSS£º
.wrap { width:960px; margin:0 auto;}
......
1.positionµÄabsoluteÊôÐÔ±íʾ¸Ã¿éÒѾÍêÈ«ÍÑÀëÎı¾Á÷ÁË¡£Ò²¾ÍÊDz»ÔÙÕ¼ÓÿռäλÖÃ
¡£ÍêÈ«¿¿top,button,right,leftÀ´½øÐж¨Î»¡£
¡¡Õâ¸ö±ØÐëÄܹ»ÍêÈ«Àí½â¡£Í¬Ê±Îª¼õÉÙ´íÎóÔÚÉèÖÃabsoluteºó£¬Ò»¶¨ÖÁÉÙÖ¸¶¨top,buttom,right,leftÖеÄÒ»¸ö¡£
2.Èç¹û¿éÉèÖÃÁËabsoluteÊôÐÔ£¬Æä¶¨Î»µÄÔµãºÍ¸¸¿éµÄpositionÓйء£
¡¡Èç¹û¸¸¿éÉèÖà ......
ÎÒÃǰÑËü·ÖΪÈçÏÂͼËùʾ¿é
¾ßÌåµÄHTML,DIV+CSSÅŰæÑùʽΪ
ÎÒÃÇÒ»ÐÐÒ»ÐзÖÎö,
1.È«²¿µÄ´úÂë¾ùÔÚÒ»¸öDIVÈÝÆ÷(ÎÒÔÝʱÕâÑù³Æºô) HeadÀïÃæ,ÎÒÃÇÀ´¿´¿´HeadµÄд·¨
#Head{
text-align:center;
}
ΪʲôHeadÇ°ÃæÓÐÒ»¸ö"#"ºÅÄØ?
¶øÓеÄÈ´ÊÇÔÚÇ°Ãæ¼ÓÒ»¸ö"£®"±ÈÈç "£®Head",ÓÐʱºòдcssµÄʱºò¸É´àʲôҲ²»¼ ......
SEO¼´ËÑË÷ÒýÇæÓÅ»¯£¬´ÓĿǰ»¥ÁªÍøµÄ·¢Õ¹×´¿öÀ´¿´£¬ÊµÏÖSEOÓÐÖúÓÚÆóÒµ¼õÉÙÍøÂçÍÆ¹ãµÄ³É±¾¡£SEOµÄÊÖ¶ÎÓкܶàÖÖ£¬»òÕ߹̶¨µÄ¼¼Êõģʽ£¬»òÕ߷ǹ̶¨µÄËùνÒÕÊõģʽҲ¡£DIV+CSSÊǵ±Ç°¹«ÈϵÄÍøÒ³Éè¼Æ±ê×¼£¬ÊǹãÎªÍÆ³çµÄÍøÒ³Éè¼ÆÐ·¶Ê½£¬ËäÈ»TABLE»¹±»¹ã·ºÓ¦Ó㬵«DIV+CSSÓÅÐãµÄ½çÃæ¿ØÖÆÄÜÁ¦£¬»¹ÊÇÓµÓÐÁ˷dz£Ç¿µÄ¾ºÕùÓÅÊÆ¡£µ±È»£¬Ä¿ ......