css+divºÍtable+cssµÄ±È½Ï
css+divºÍtable+cssµÄ±È½Ï
¡¡CSS£«DIVÊÇÍøÕ¾±ê×¼£¨»ò³Æ“WEB±ê×¼”£©Öг£ÓõÄÊõÓïÖ®Ò»£¬Í¨³£ÎªÁË˵Ã÷ÓëHTMLÍøÒ³Éè¼ÆÓïÑÔÖеıí¸ñ£¨table£©¶¨Î»·½Ê½µÄÇø±ð£¬ÒòΪXHTMLÍøÕ¾Éè¼Æ±ê×¼ÖУ¬²»ÔÙʹÓñí¸ñ¶¨Î»¼¼Êõ£¬¶øÊDzÉÓÃcss+divµÄ·½Ê½ÊµÏÖ¸÷ÖÖ¶¨Î»¡£
CSS£«DIVÍøÕ¾Éè¼ÆµÄÓÅÊÆ
Ê×ÏÈ£¬CSSµÄ¼«´óÓÅÊÆ±íÏÖÔÚ¼ò½àµÄ´úÂ룬¶ÔÓÚÒ»¸ö´óÐÍÍøÕ¾À´Ëµ£¬¿ÉÒÔ½ÚÊ¡´óÁ¿´ø¿í£¬¶øÇÒÖÚËùÖÜÖª£¬ËÑË÷ÒýÇæÏ²»¶Çå½àµÄ´úÂ루ÆäÕæÕýÒâÒåÔÚÓÚ£¬Ôö¼ÓÁËÓÐЧ¹Ø¼ü´ÊÕ¼ÍøÒ³×Ü´úÂëµÄ±ÈÖØ£©£¬Òò´ËʹÓÃCSS£«DIVµÄweb±ê×¼ÖÆ×÷µÄÍøÕ¾¾ßÓÐËÑË÷ÒýÇæÓѺõÄÒ»¶¨ÓÅÊÆ¡£
Æä´Î£¬CSS+DIVÖÆ×÷µÄÍøÕ¾Ê¹µÃÍøÕ¾¸Ä°æÏà¶Ô¼òµ¥£¬ºÜ¶àÎÊÌâÖ»ÐèÒª¸Ä±äCSS¶ø²»ÐèÒª¸Ä¶¯³ÌÐò£¬´Ó¶ø½µµÍÁËÍøÕ¾¸Ä°æµÄ³É±¾¡£
¾¡¹ÜCSS+DIV¾ßÓÐÒ»¶¨µÄÓÅÊÆ£¬²»¹ýÏÖ½×¶ÎCSS+DIVÍøÕ¾½¨Éè´æÔÚµÄÎÊÌâÒ²±È½ÏÃ÷ÏÔ£¬Ö÷Òª±íÏÖÔÚ£º
µÚÒ»£¬¶ÔÓÚCSSµÄ¸ß¶ÈÒÀÀµÊ¹µÃÍøÒ³Éè¼Æ±äµÃ±È½Ï¸´ÔÓ¡£Ïà¶ÔÓÚHTML4.0Öеıí¸ñ²¼¾Ö£¨table£©£¬CSS+DIV¾¡¹Ü²»ÊǸ߲»¿É¼°£¬µ«ÖÁÉÙÒª±È±í¸ñ¶¨Î»¸´ÔӵĶ࣬¼´Ê¹¶ÔÓÚÍøÕ¾Éè¼Æ¸ßÊÖÒ²ºÜÈÝÒ׳öÏÖÎÊÌ⣬¸ü²»ÒªËµ³õѧÕßÁË£¬ÕâÔÚÒ»¶¨³Ì¶ÈÉÏÓ°ÏìÁËXHTMLÍøÕ¾Éè¼ÆÓïÑÔµÄÆÕ¼°Ó¦Óá£
µÚ¶þ£¬CSSÎļþÒì³£½«Ó°ÏìÕû¸öÍøÕ¾µÄÕý³£ä¯ÀÀ¡£CSSÍøÕ¾ÖÆ×÷µÄÉè¼ÆÔªËØÍ¨³£·ÅÔÚ¼¸¸ölÍⲿÎļþÖУ¬ÕâÒ»¸ö»ò¼¸¸öÎļþÓпÉÄÜÏ൱¸´ÔÓ£¬ÉõÖÁ±È½ÏÅÓ´ó£¬Èç¹ûCSSÎļþµ÷ÓóöÏÖÒì³££¬ÄÇôÕû¸öÍøÕ¾½«±äµÃ²Ò²»È̶á£
µÚÈý£¬¶ÔÓÚCSSÍøÕ¾Éè¼ÆµÄä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌâ±È½ÏÍ»³ö¡£»ùÓÚHTML4.0µÄÍøÒ³Éè¼ÆÔÚIE4.0Ö®ºóµÄ°æ±¾Öм¸ºõ²»´æÔÚä¯ÀÀÆ÷¼æÈÝÐÔÎÊÌ⣬µ«CSS+DIVÉè¼ÆµÄÍøÕ¾ÔÚIEä¯ÀÀÆ÷ÀïÃæÕý³£ÏÔʾµÄÒ³Ãæ£¬µ½»ðºüä¯ÀÀÆ÷£¨FireFox £©ÖÐÈ´¿ÉÄÜÃæÄ¿È«·Ç£¨ÕâÒ²ÊÇΪʲô½¨ÒéÍøÂçÓªÏúÈËԱʹÓûðºüä¯ÀÀÆ÷µÄÔÒòËùÔÚ £©¡£CSS+DIV»¹ÓдýÓÚ¸÷¸öä¯ÀÀÆ÷³§É̵ĽøÒ»²½Ö§³Ö¡£
Óùýdiv+css×÷¸öÕû¸öÍøÕ¾£¬Èç¹ûÊÇ´¿´âµÄdivµÄ²¼¾ÖÊDZȽÏÂé·³µÄ£¬ÓÈÆäÊÇÄãdivÀïÃæÇ¶Ì×divµÄ£¬div²¼¾ÖµÄʱºò£¬ÄãÓÐÐ©Ò³ÃæÐ§¹û»¹ÊÇÒªÉáÆúÒ»µãµÄ£¬±ÈÈçͼƬµÄÔ²½Ç£¬ÕâЩÈç¹ûÌ×div±È½ÏÂé·³£¬ÔÚÒ»¸ödivÔÚVS2005Éè¼ÆÆ÷ÀïÃæ¿ÉÄܱäÐΣ¬Èç¹û¹ý¶àµÄÌ×div£¬ÄãʵÏÖajaxÍ϶¯Ð§¹ûµÄʱºò±È½ÏÂé·³£¬ËùÒÔÎÒ¾õµÃÑÛÏ»¹ÊÇdiv+ǶÌ×table±È½ÏºÃ¡£
Ô²½Ç——¿ÉÒÔÓÃdiv+css×ö³öÒ»ÑùƯÁÁµÄÔ²½Ç£¬¶øÇÒ²»ÓÃͼƬ£¬¶øÇÒÊÇ¿í¶È¡¢¸ß¶È×ÔÊÊÓ¦µÄ
Ïà¹ØÎĵµ£º
css½¥±ä´úÂë4ÖÖ
Ò»¡¢´ÓÉÏÍùϽ¥±ä
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
}
¶þ¡¢´Ó×óÉÏÖÁÓÒϽ¥±ä
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-col ......
ʹÓÃwap css¿ÉÒÔ°ÑÄÚÈݺͱíʾ·ÖÀ룬ºÃ´¦£º
1.ʹÓÃwcssʹÄÚÈݺÍÑùʽ·ÖÀ룬¿ÉÒÔΪ²»Í¬ÊÖ»ú£¬Éè¼Æ¼¸¸ö°æ±¾wap css style sheet ºÍÖ¸¶¨²»Í¬ÆÁ
Ä»´óС¡£ÄÚÈÝÈ´²»ÐèÒªÐ޸ġ£
2.Ϊ²»Í¬É豸£¬ÈçPC,PDA,MOBILE PHONE£¬×¼±¸²»Í¬Ñùʽ±í£¬ÄÚÈݲ»ÐèÒª¸Ä±ä¡£
3.¼õÉÙά»¤Ò»¸öwapÕ¾µã£¬µ±ÓÐеĵ绰£¬Ö»ÐèÒªÔö¼ÓеÄÑùʽ±í£¬ÄÚÈݲ»ÐèÒ ......
½ñÌì¿´µ½Ò»ÆªÎÄÕÂÊÇcss´òÔì½ø¶ÈÌõ¡£È»ºó×Ô¼º×ö³É¶¯Ì¬µÄ½ø¶ÈÌõ£¬Í¬Ñù£¬Ê¹Óõ½cssºÍjauery£¬Çë¿´£º
1 Ê×ÏÈ£¬ÐèÒªÒýÈëjquery.jsÎļþ¡£
<script src="Content/jquery.js" type="text/javascript"></script>
2 ËùÓõ½µÄÑùʽ²¿·Ö£º
<style>
.graph {
& ......
IE6ÏÂĬÈϵÄ×ÖÌå³ß´ç´óÖÂÔÚ 12 – 14px Ö®¼ä£¬µ±ÄãÊÔͼ¶¨ÒåÒ»¸ö¸ß¶ÈСÓÚÕâ¸öĬÈÏÖµµÄ div µÄʱºò£¬ IE »á¹ÌÖ´µÄÈÏΪÕâ¸ö²ãµÄ¸ß¶È²»Ó¦¸ÃСÓÚ×ÖÌåµÄÐиߡ£ËùÒÔ¼´Ê¹ÄãÓà height:4px; À´¶¨ÒåÁËÒ»¸ö div µÄ¸ß¶È£¬Êµ¼ÊÔÚ IE ÏÂÏÔʾµÄÈÔÈ»ÊÇÒ»¸ö 12 px ×óÓҸ߶ȵIJ㡣Ìí¼Óoverflow: hidden½â¾öÎÊÌâ¡£
<div style=&rdquo ......