1¡¢IEÓëFirefox϶ÔCSS½âÎöµÄÇø±ð
1¡¢IEÓëFirefox϶ÔCSS½âÎöµÄÇø±ð
¶Ô¸ß¶ÈµÄ½âÎö
IE£º½«¸ù¾ÝÄÚÈݵĸ߶ȱ仯£¬°üÀ¨Î´¶¨Òå¸ß¶ÈµÄͼƬÄÚÈÝ£¬¼´Ê¹¶¨ÒåÁ˸߶ȣ¬µ±ÄÚÈݳ¬¹ý¸ß¶Èʱ£¬½«Ê¹ÓÃʵ¼Ê¸ß¶È
Firefox£ºÃ»Óж¨Òå¸ß¶Èʱ£¬Èç¹ûÄÚÈÝÖаüÀ¨ÁËͼƬÄÚÈÝ£¬MFµÄ¸ß¶È½âÎöÊǸù¾ÝÓ¡Ë¢±ê×¼£¬ÕâÑù¾Í»áÔì³ÉºÍʵ¼ÊÄÚÈݸ߶Ȳ»·ûºÏµÄÇé¿ö£»µ±¶¨ÒåÁ˸߶ȣ¬µ«ÊÇÄÚÈݳ¬¹ý¸ß¶Èʱ£¬ÄÚÈݻᳬ³ö¶¨ÒåµÄ¸ß¶È£¬µ«ÊÇÇøÓòʹÓõÄÑùʽ²»»á±ä»¯£¬Ôì³ÉÑùʽ´íλ¡£
½áÂÛ£º´ó¼ÒÔÚ¿ÉÒÔÈ·¶¨ÄÚÈݸ߶ȵÄÇé¿öÏÂ×îºÃ¶¨Òå¸ß¶È£¬Èç¹ûÕæµÄûÓа취¶¨Òå¸ß¶È£¬×îºÃ²»ÓÃʹÓñ߿òÑùʽ£¬·ñÔòÑùʽ¿Ï¶¨»á³öÏÖ»ìÂÒ£¡
img¶ÔÏóaltºÍtitleµÄ½âÎö
alt£ºµ±ÕÕƬ²»´æÔÚ»òÕßload´íÎóʱµÄÌáʾ£»
title£ºÕÕƬµÄtip˵Ã÷¡£
ÔÚIEÖÐÈç¹ûûÓж¨Òåtitle£¬altÒ²¿ÉÒÔ×÷ΪimgµÄtipʹÓ㬵«ÊÇÔÚMFÖУ¬Á½ÕßÍêÈ«°´ÕÕ±ê×¼ÖеĶ¨ÒåʹÓÃ
½áÂÛ£º´ó¼ÒÔÚ¶¨Òåimg¶ÔÏóʱ£¬×îºó½«altºÍtitle¶ÔÏó¶¼Ð´È«£¬±£Ö¤ÔÚ¸÷ÖÖä¯ÀÀÆ÷Öж¼ÄÜÕý³£Ê¹ÓÃ
ÆäËûµÄϸ½Ú²î±ð
µ±ÄãÔÚдcssµÄʱºò£¬ÌرðÊÇÓÃfloat: left£¨»òright£©ÅÅÁÐÒ»´ÜͼƬʱ£¬»á·¢ÏÖÔÚfirefoxÀïÃæÕý³£¶øIEÀïÃæÓÐÎÊÌâ¡£ÎÞÂÛÄãÓÃmargin:0,»¹ÊÇborder: 0À´Ô¼Êø£¬¶¼ÎÞ¼ÃÓÚÊ¡£
ÆäʵÕâÀﻹÓÐÁíÍâÒ»¸öÎÊÌ⣬¾ÍÊÇIE¶ÔÓÚ¿Õ¸ñµÄ´¦Àí£¬firefoxÊǺöÂԵĶøIE¶ÔÓÚ¿éÓë¿éÖ®¼äµÄ¿Õ¸ñÊÇ´¦ÀíµÄ¡£Ò²¾ÍÊÇ˵һ¸ödiv½áÊøºóÒª½ô½Ó×ÅÒ»¸ödivд£¬Öм䲻ҪÓлسµ»òÕß¿Õ¸ñ¡£²»È»Ò²Ðí»áÓÐÎÊÌ⣬±ÈÈç3pxµÄÆ«²î£¬¶øÇÒÕâ¸öÔÒòºÜÄÑ·¢ÏÖ¡£
·Ç³£²»×ßÔ˵ÄÊÇÎÒÓÖÅöµ½ÁËÕâÑùµÄÎÊÌ⣬¶à¸öimg±êÇ©Á¬×Å£¬È»ºó¶¨ÒåµÄfloat: left£¬Ï£ÍûÕâЩͼƬ¿ÉÒÔÁ¬ÆðÀ´¡£µ«Êǽá¹ûÔÚfirefoxÀïÃæÕý³£¶øIEÀïÃæÏÔʾµÄÿ¸öimg¶¼Ïà¸ôÁË3px¡£ÎҰѱêÇ©Ö®¼äµÄ¿Õ¸ñ¶¼É¾³ý¶¼Ã»ÓÐ×÷Óá£
ºóÀ´µÄ½â¾ö·½·¨ÊÇÔÚimgÍâÃæÌ×li£¬²¢ÇÒ¶Ôli¶¨Òåmargin: 0£¬ÕâÑù¾Í½â¾öÁËIEºÍfirefoxµÄÏÔʾƫ²î¡£IE¶ÔÓÚһЩģÐ͵ĽâÊÍ»á²úÉúºÜ¶à´íÎóÎÊÌ⣬ֻÓжà¶à³¢ÊÔ²ÅÄÜ·¢ÏÖÔÒò¡£
2¡¢Ç¶Ì×DIV:¸¸DIVµÄ¸ß¶È²»Äܸù¾Ý×ÓDIV×Ô¶¯±ä»¯µÄ½â¾ö·½°¸
<div id="parent">
<div id="content"> </div>
</div>
µ±ContentÄÚÈݶàʱ£¬¼´Ê¹parentÉèÖÃÁ˸߶È100%»òauto,ÔÚ²»Í¬ä¯ÀÀÆ÷Ï»¹ÊDz»ÄÜÍêºÃµÄ×Ô¶¯ÉìÕ¹¡£ ½â¾ö·½°¸£º
<div id="parent">
<div id="content"></div>
<div style="font: 0px/0px sans-serif;clear: both;display: block">
Ïà¹ØÎĵµ£º
ÎÒÃÇ°ÑËü·ÖΪÈçÏÂͼËùʾ¿é
¾ßÌåµÄHTML,DIV+CSSÅÅ°æÑùʽΪ
ÎÒÃÇÒ»ÐÐÒ»ÐзÖÎö,
1.È«²¿µÄ´úÂë¾ùÔÚÒ»¸öDIVÈÝÆ÷(ÎÒÔÝʱÕâÑù³Æºô) HeadÀïÃæ,ÎÒÃÇÀ´¿´¿´HeadµÄд·¨
#Head{
text-align:center;
}
ΪʲôHeadÇ°ÃæÓÐÒ»¸ö"#"ºÅÄØ?
¶øÓеÄÈ´ÊÇÔÚÇ°Ãæ¼ÓÒ»¸ö"£®"±ÈÈç "£®Head",ÓÐʱºòдcssµÄʱºò¸É´àʲôҲ²»¼ ......
ºÐ×Ó±êÇ©ºÍÊôÐÔ¶ÔÕÕ
CSSÓï·¨£¨²»Çø·Ö´óСд£©
JavaScriptÓï·¨£¨Çø·Ö´óСд£©
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
<style type="text/css">
/*
´ÓÉÏÍùϽ¥±ä
*/
body
{
FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#003C9F,endColorStr=white);
}
/*
´Ó×óÉÏÖÁÓÒϽ¥±ä
*/
body
{
background-color:skyblue;
FILTE ......
Css´úÂë
1.line-height:24px;
line-height:24px;
ʹÓù̶¨¿í¶ÈµÄÈÝÆ÷²¢ÇÒÐèÒªÒ»Ðд¹Ö±¾ÓÖÐʱ£¬Ê¹Óà line-height ¼´¿É£¨¸ß¶ÈÓ븸²ãÈÝÆ÷Ò»Ö£©£¬¸ü¶àµÄ´¹Ö±¾ÓÖÐ×ܽá¿ÉÒÔ¿´ÕâÀï¡£
Çå³ýÈÝÆ÷¸¡¶¯
Css´úÂë
1.#main {
2. overflow:hidden;
3.}
#ma ......