cssÔÚIE¡¢»ðºüϵļæÈÝÎÊÌâ
DIV£«CSSÍøÒ³²¼¾ÖÕâÊÇÒ»ÖÖÇ÷ÊÆ,ÎÒÒ²¿ªÊ¼Ë³Ó¦Õâ¹ÉÇ÷ÊÆÁË,²»¹ýÔÚʹÓÃDIV£«CSSÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌ⣬ÌرðÊǶÔÍêȫʹÓÃDIV CSSÉè¼ÆµÄÍøÒ³£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6¡¢IE7¡¢FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÒ³¿ÉÄÜÂÒµÄÒ»ËúºýÍ¿£¡ÎÒ¾³£±»ÕâЩ¶«Î÷ÕûµÄ½¹Í·Àöî,ÓÚÊǺôÔÚÍøÉÏÕÒÁËЩ×ÊÁÏ,¼ÓÉÏ×Ô¼ºµÄÀí½âºÍÕâЩÈÕ×ӵľÑé,ÕûÀíÁËһЩ×ÊÁÏ,ÆäÖÐÓÐһЩÎÒ»¹Ã»Óõ½µÄºÍ»¹²»ÄÜÀí½âµÄ,¾ÍÖ±½Ó´Ó±ðµÄµØ·½¸øÕ³Á˹ýÀ´, ²»ÖªµÀÓÐûÓдíÎó,µÈÎÒÒÔºóÓõ½µÄʱºòÂýÂý¸Ä°É,Ï£Íû¶Ô´ó¼ÒÓеã°ïÖú!££ºÃ¾Ñé¹²Ïí½»Á÷Íø
ʲôÊÇä¯ÀÀÆ÷¼æÈÝ£ºµ±ÎÒÃÇʹÓò»Í¬µÄä¯ÀÀÆ÷£¨Firefox IE7 IE6£©·ÃÎÊͬһ¸öÍøÕ¾£¬»òÕßÒ³ÃæµÄʱºò£¬»á³öÏÖһЩ²»¼æÈݵÄÎÊÌ⣬ÔÚÕâÖÖä¯ÀÀÆ÷ÏÂÏÔʾÕý³££¬ÔÚÁíÒ»ÖÖϾÍÂÒÁË£¬ÎÒÃÇÔÚ±àдCSSµÄʱºò»áºÜÄջ𣬸ÕÐÞ¸´ÁËÕâ¸öä¯ÀÀÆ÷µÄÎÊÌ⣬½á¹ûÁíÍâÒ»¸öä¯ÀÀÆ÷È´³öÁËÐÂÎÊÌâ¡£ºÃ°É£¬ÎÒ·þÁËÐаɣ¬ÄÇÎÒ¾ÍÀûÓÃÄãÃǵIJ»¼æÈݸ÷дһ¶Îcss,ÈÃËûÃǸ÷Ö´Ðи÷µÄ£¬ÕâÏÂ×ܸÃÄãûƢÆøÁË°É£¬ºÇºÇ¡£
ºÃÁË£¬ÑÔ¹éÕý´«
×î¼Ñ½â¾ö·½°¸£¬Í¬Ò»¸öÑùʽ¶¨Òå3Ì×£¬Õë¶Ô²»Í¬ä¯ÀÀÆ÷Óã¬Èç#wrapper
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
* html #wrapper { width: 60px;} /* ie7 fixed, ×¢Òâ˳Ðò */
* html Óë *html ÊÇIEÌØÓеıêÇ©£¬firefox Ôݲ»Ö§³Ö¡£
¶ø* html ÓÖΪ IE7ÌØÓбêÇ©¡£
* html ¶ÔIE7µÄHACK ±ØÐë±£Ö¤HTML¶¥²¿ÓÐÈçÏÂÉùÃ÷£º
³ÌÐò´úÂë<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"¡¡"http://www.w3.org/TR/html4/loose.dtd">
¶þ¡¢ÍòÄÜ float ±ÕºÏ
¹ØÓÚ clear float µÄÔÀí¿É²Î¼û [How To Clear Floats Without Structural Markup]
½«ÒÔÏ´úÂë¼ÓÈëGlobal CSS ÖУ¬¸øÐèÒª±ÕºÏµÄdiv¼ÓÉÏ class="clearfix" ¼´¿É£¬ÂÅÊÔ²»Ë¬¡£
³ÌÐò´úÂë
/* Clear Fix */
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
Èý¡¢ÆäËû¼æÈݼ¼ÇÉ
1¡¢FFϸø div ÉèÖà padding ºó»áµ¼Ö width ºÍ height Ôö¼Ó£¬µ«IE²»»á¡££¨¿ÉÓÃ!important½â¾ö£©
2¡¢¾ÓÖÐÎÊÌâ¡£
1) ´¹Ö±¾ÓÖС£½« line-height ÉèÖÃΪ µ±Ç° div ÏàͬµÄ¸ß¶È£¬ÔÙͨ¹ý vertical-align: middle. £¨×¢ÒâÄÚÈݲ»Òª
Ïà¹ØÎĵµ£º
½ñÌìдÁËÒ»¸ö¼òµ¥µÄÍøÒ³£¬Çë¿´´úÂ룺´íÎóµÄ£º
½áÂÛ£º relÊÇRelationsµÄËõд Ö¸¹ØÁªµ½Ò»¸östylesheet£¨Ñùʽ±íµ¥) ÔÚ±êÇ©ÖУ¬“rel=stylesheet”£¬relÊǹØÁªµÄÒâ˼£¬¹ØÁªµÄÊÇÒ»¸öÑùʽ±í(stylesheet)Îĵµ£¬Ëü±íʾÕâ¸ölinkÔÚÎĵµ³õʼ»¯Ê±½«±»Ê¹Óá£ÇмÉ©дrel,·ñÔòÒýÈëµÄCSSÎÞЧ£¡ ......
ÔÚcssÎļþÀï¼ÓÈë
@IMPORT url("dijit/themes/soria/soria.css");
@IMPORT url("dojo/resources/dojo.css");
½«soria.cssÖеÄ.soriaÈ«²¿Ì滻Ϊbody,ͬʱÔÚhtmlÀï²»ÓÃÔÙ¼Óclass="soria"
ʹÓÃÆäËü·ç¸ñʱÌ滻·¾¶dijit/themes/soria/soria.css¼´¿É ......
1.»ù±¾Óï·¨
¡¡¡¡
¡¡¡¡CSSµÄ¶¨ÒåÊÇÓÉÈý¸ö²¿·Ö¹¹³É£ºÑ¡Ôñ·û£¨selector£©£¬ÊôÐÔ£¨properties£©ºÍÊôÐÔµÄÈ¡Öµ£¨value£©¡£
¡¡¡¡»ù±¾¸ñʽÈçÏ£º
¡¡¡¡selector { property: value}
¡¡¡¡£¨Ñ¡Ôñ·û { ÊôÐÔ£ºÖµ}£©
¡¡¡¡Ñ¡Ôñ·ûÊÇ¿ÉÒÔÊǶàÖÖÐÎʽ£¬Ò»°ãÊÇÄãÒª¶¨ÒåÑùʽµÄHTML±ê¼Ç£¬ÀýÈçBODY¡¢P¡¢TABLE……£¬Äã¿ÉÒÔÍ ......
cssµÄdl dt ddµÄÓ¦Óãº
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content= ......
CSS filter:RevealTrans Ó÷¨£º
Filter:revealtrans(duration=ת»»µÄÃëÊý£¬transition=ת»»µÄÀàÐÍ£©
CSSµÄRevealTrans¶¯Ì¬Â˾µÊÇÒ»¸öÉñÆæµÄÂ˾µ£¬ËüÄܲúÉú23ÖÖ¶¯Ì¬Ð§¹û£¬¸üΪÆæÃîµÄÊÇËü»¹ÄÜÔÚ23ÖÖ¶¯Ì¬Ð§¹ûÖÐËæ»ú³éÓÃÆäÖеÄÒ»ÖÖ¡£
¡¡¡¡Á½¸ö²ÎÊýTransitionºÍDuration£¬·Ö±ðÊDZ任Ч¹ûºÍ³ÖÐøʱ¼ä£¬ÆäÖÐDurationÊǸ¡µãÊý¡£
......