CSSÖÐÔªËØˮƽ¾ÓÖÐÏÔʾµÄ·½·¨
ÓÃCSSÈÃÔªËؾÓÖÐÏÔʾ²¢²»ÊǼþºÜ¼òµ¥µÄÊÂÇ顣ͬÑùµÄCSS¾ÓÖÐÉèÖÃÔÚ²»Í¬ä¯ÀÀÆ÷ÖеıíÏÖÒ²¸÷ÓÐǧÇï¡£±¾ÎľͽéÉÜÁËÔÚCSSÖг£¼ûµÄ¼¸ÖÖÈÃÔªËØˮƽ¾ÓÖÐÏÔʾµÄ·½·¨¡£
¡¡¡¡1.ʹÓÃ×Ô¶¯Íâ±ß¾àʵÏÖ¾ÓÖÐ
¡¡¡¡CSSÖÐÊ×Ñ¡µÄÈÃÔªËØˮƽ¾ÓÖеķ½·¨¾ÍÊÇʹÓÃmarginÊôÐÔ—½«ÔªËصÄmargin-leftºÍmargin-rightÊôÐÔÉèÖÃΪauto¼´¿É¡£ÔÚʵ¼ÊʹÓÃÖУ¬ÎÒÃÇ¿ÉÒÔΪÕâЩÐèÒª¾ÓÖеÄÔªËØ´´½¨Ò»¸öÆðÈÝÆ÷×÷ÓõÄdiv¡£ÐèÒªÌرð×¢ÒâµÄÒ»µã¾ÍÊÇ£¬±ØÐëΪ¸ÃÈÝÆ÷Ö¸¶¨¿í¶È£º
¡¡¡¡
¡¡¡¡ÔÚ´ó¶àÊýÖ÷Á÷ä¯ÀÀÆ÷ÖУ¬ÕâÖÖ·½·¨¶¼·Ç³£ÓÐЧ£¬¼´Ê¹ÊÇWindowsƽ̨ÉϵÄIE6£¬ÔÚÆä±ê×¼¼æÈÝģʽ(compliance mode)ÏÂÒ²Äܹ»Õý³£ÏÔʾ¡£µ«²»ÐÒµÄÊÇ£¬ÔÚ¸üµÍ°æ±¾µÄIEÖУ¬ÕâÖÖÉèÖÃÈ´²¢²»ÄÜʵÏÖ¾ÓÖÐЧ¹û¡£ËùÒÔÈôÏëÔÚʵ¼ÊÏîÄ¿ÖÐʹÓÃÕâÖÖ·½·¨£¬ÄÇô¾ÍҪȷ±£Óû§µÄIEä¯ÀÀÆ÷°æ±¾²»µÍÓÚ6.0¡£
¡¡¡¡¾¡¹ÜÔÚÖ§³ÖÉϲ»¾¡ÈçÈËÒ⣬µ«´ó¶àÊýÉè¼Æʦ¶¼½¨Ò龡¿ÉÄܵØʹÓÃÕâÖÖ·½·¨¡£¸Ã·½·¨Ò²±»ÈÏΪÊÇÔÚ¸÷ÖÖÓÃCSSʵÏÖÔªËØˮƽ¾ÓÖз½·¨ÖÐ×îÕýÈ·¡¢×îºÏÀíµÄÒ»ÖÖ¡£
¡¡¡¡2.ʹÓÃtext-alignʵÏÖ¾ÓÖÐ
¡¡¡¡ÁíÒ»ÖÖʵÏÖÔªËؾÓÖеķ½·¨ÊÇʹÓÃtext-alignÊôÐÔ£¬½«¸ÃÊôÐÔÖµÉèÖÃΪcenter²¢Ó¦Óõ½bodyÔªËØÉϼ´¿É¡£ÕâÖÖ×ö·¨Êdz¹Í·³¹Î²µÄhack£¬µ«ËüÈ´ÄܼæÈÝ´ó¶àÊýä¯ÀÀÆ÷£¬ËùÒÔÔÚijЩÇé¿öÏÂÒ²×ÔÈ»±Ø²»¿ÉÉÙ¡£
¡¡¡¡Ö®ËùÒÔ˵ËüÊÇhack£¬ÊÇÒòΪÕâÖÖ·½·¨²¢Ã»Óн«Îı¾ÊôÐÔÓ¦Óõ½Îı¾ÉÏ£¬¶øÊÇÓ¦Óõ½ÁË×÷ΪÈÝÆ÷µÄÔªËØÉÏ¡£ÕâÒ²¸øÎÒÃÇ´øÀ´Á˶îÍâµÄ¹¤×÷¡£ÔÚ´´½¨ºÃ²¼¾Ö±ØÐëµÄdivÖ®ºó£¬ÎÒÃÇÒª°´ÕÕÈçÏ´úÂëΪbodyÓ¦ÓÃtext-alignÊôÐÔ£º
¡¡¡¡
¡¡¡¡Ö®ºó»á³öÏÖʲôÎÊÌâÂð?bodyµÄËùÓÐ×ÓËïÔªËض¼»á±»¾ÓÖÐÏÔʾ¡£
¡¡¡¡Òò´Ë£¬ÎÒÃǾÍÐèÒªÓÃÔÙдһÌõ¹æÔò£¬ÈÃÆäÖеÄÎı¾»Øµ½Ä¬ÈϵľÓ×ó¶ÔÆ룺
¡¡¡¡
¡¡¡¡¿ÉÒÔÏëÏóÕâÌõ¸½¼ÓµÄ¹æÔò½«´øÀ´Ò»Ð©²»±ã¡£ÁíÍ⣬ÕæÕýÍêÈ«×ñѱê×¼µÄä¯ÀÀÆ÷²¢²»»á¸Ä±äÈÝÆ÷µÄλÖ㬶øÖ»»áÈÃÆäÖеÄÎÄ×Ö¾ÓÖÐÏÔʾ¡£
¡¡¡¡3.×éºÏʹÓÃ×Ô¶¯Íâ±ß¾àºÍÎı¾¶ÔÆë
¡¡¡¡ÒòΪÎı¾¶ÔÆë¾ÓÖз½Ê½ÓÐ×ÅÁ¼ºÃµÄÏòϼæÈÝÐÔ£¬ÇÒ×Ô¶¯Íâ±ß¾à·½Ê½Ò²±»´ó¶àÊýµ±´úä¯ÀÀÆ÷Ö§³Ö£¬ËùÒԺܶàÉè¼Æʦ½«¶þÕß×éºÏÆðÀ´Ê¹Óã¬ÒÔÆÚÈþÓÖÐЧ¹ûµÃµ½×î´óÏ޶ȵĿçä¯ÀÀÆ÷Ö§³Ö£º
¡¡¡¡
¡¡¡¡¿ÉÊÇÕâʼÖÕÊǸöhack£¬ÎÞÂÛÈçºÎÒ²Ëã²»ÉÏÍêÃÀ¡£ÎÒÃÇ»¹ÊÇÐèҪΪ¾ÓÖÐÈÝÆ÷ÖеÄÎı¾±àд¸½¼ÓµÄ¹æÔò£¬µ«ÖÁÉÙÔÚ¸÷¸öä¯ÀÀÆ÷Öп´ÆðÀ´¶¼²»´í¡£
¡¡¡¡4.¸ºÍâ±ß¾à½â¾ö·½°¸
¡¡¡¡¸ºÍâ±ß¾à½â¾ö·½°¸Ô¶²»Êǽö½öΪԪËØÌí¼Ó¸ºÍâ±ß¾àÕâô¼òµ¥¡£ÕâÖÖ·½·¨ÐèҪͬʱʹÓþø¶Ô¶¨Î»ºÍ¸ºÍâ±ß¾àÁ½ÖÖ¼¼ÇÉ¡£
¡¡¡¡ÏÂÃæÊǸ÷½°¸µÄ¾ßÌåʵÏÖ·½·¨¡£Ê×ÏÈ£¬´´½¨
Ïà¹ØÎĵµ£º
ÈÃleftµÄ¸ß¶ÈµÈÓÚ centerµÄ¸ß¶È..........
<div id=left></div>
<div id=center></div>
<script type="text/javascript">
document.getElementById("left").style.height = document.getElementById("center").offsetHeight + "px";
</script> ......
1 µ¼ÈëÍⲿjsÎļþ£º
1.<script type="text/javascript" src="myjs/xx.js"></script>
2.<script language="javascript" src="myjs/xx.js"></script>
2 µ¼ÈëÍⲿcssÎļþ£º
<link rel="stylesheet" ty ......
1¡¢ÍøÒ³¾ÓÖÐÏÔʾ£º
ÐèÒªÉèÖÃÁ½¸öµØ·½£¬Ò»¸öÊÇbody£¬Ò»¸öÊÇÍâ±ß¿òdiv¡£
CSS£º
body{
margin:0;
padding:0;
text-align:center;
}
#main{ /*×îÍâ²ãDIV*/
width:760px;
margin:0 auto;
padding:0
}
2¡¢ÎÄ×Ö´¹Ö±¾ ......
DIV+CSSÉè¼ÆµÄÍøÕ¾ÊÇ°´ÕÕW3C±ê×¼µÄ£¬Èç¹ûÒ»¸öÕ¾µãÍêÈ«ÊÇCSS+DIVÖÆ×÷µÄ£¬ÄÇôÄãÍøÕ¾µÄSEO£¨ËÑË÷ÒýÇæÓÅ»¯£©¹¤×÷ÒѾÍê³ÉÁË30%£¡ÎªÊ²Ã´»áÕâô˵£¿SEOÆäËû·½ÃæÔÚÄĺã¬Çë½Ó×ÅÎÒµÄ˼·ÍùÏ¿´£º
ʯ¼ÒׯÍøÕ¾ÓÅ»¯
DIV+CSS ÍøÕ¾Ï൱30%µÄSEO¹¤×÷
1¡¢div+cssÍøÕ¾×ñÑ“ÍøÒ³½á¹¹¡¢±íÏÖ¡¢ÐÐΪ·ÖÀ룬»¥²»¸ÉÉæÇÀ¹¦”ÀíÄÇÒ ......