css ÅжÏä¯ÀÀÆ÷
²»Í¬µÄä¯ÀÀÆ÷ÒªÇó²»Í¬µÄÑùʽÉùÃ÷£¬¸÷ä¯ÀÀÆ÷¼°Æä¸÷°æ±¾Óв»Í¬³Ì¶ÈµÄ CSS Ö´ÐеÄÍêÕûÐÔ¡£²ÉÓõÄÊÇ Internet Explorer µÄÌõ¼þ×¢ÊÍÓï·¨µÄ˼Ï룬²¢°ÑËüÄÚÁªµ½ CSS ÉùÃ÷Ö®ÖС£
¡¡¡¡Ìõ¼þ CSS Ö÷ÒªÓÃÓÚÖ¸³öÒ»¸öÌØ±ðµÄ CSS ÉùÃ÷ÊDz»ÊÇÓ¦¸ÃÓÃÓÚÒ»¸öÌØ±ðµÄä¯ÀÀÆ÷¡£µ±È»Ä㲻ϣÍû¾³£Õâô×ö£¬µ«Êǵ±ÄãÐèÒªÕë¶ÔÒ»¸öä¯ÀÀÆ÷µÄʱºò£¬Ëü»á·Ç³£ÓÐÓ᣿ÉÒÔÔÚU4EAÖ§³ÖÁбíÀï¿´µ½£¬´ó²¿·ÖµÄä¯ÀÀÆ÷¶¼Ö§³ÖÕâÖÖ·½Ê½¡£
¡¡¡¡ÈÎÒâ CSS ÉùÃ÷»òÕ߿鶼¿ÉÒÔÌí¼ÓÌõ¼þÉùÃ÷ǰ׺£¬ÕâЩǰ׺ÓÐ3ÖÖ»ù±¾ÀàÐÍ£º
[if {!} browser] [if {!} browser version] [if {!} condition browser version]
! - ÉùÃ÷µÄ·ñ¶¨ (Àý NOT) - ¿ÉÑ¡
browser - ÉùÃ÷Õë¶ÔµÄä¯ÀÀÆ÷
IE - Internet Explorer
Gecko - Gecko ºËÐĵÄä¯ÀÀÆ÷ (Firefox, Camino µÈ)
Webkit - Webkit ºËÐĵÄä¯ÀÀÆ÷ (Safari, Shiira µÈ)
SafMob - ÒÆ¶¯°æ Safari (iPhone / iPod Touch)
Opera - Opera µÄä¯ÀÀÆ÷
IEMac - Mac °æ±¾µÄ Internet Explorer
Konq - Konqueror
IEmob - ÒÆ¶¯°æ IE
PSP - Playstation Portable
NetF - Net Front
version - ÒªÕë¶ÔµÄä¯ÀÀÆ÷°æ±¾
ʵÀý£º
// Ìõ¼þ-CSS Ó﷨ʵÀý [if IE] - Èç¹ûä¯ÀÀÆ÷ÊÇ IE [if ! Opera] - Èç¹ûä¯ÀÀÆ÷²»ÊÇ Opera [if IE 5] - Èç¹ûä¯ÀÀÆ÷ÊÇ IE 5 [if lte IE 6] - Èç¹ûä¯ÀÀÆ÷ÊÇ IE 6 »òÕ߸üµÍ°æ±¾ (IE 5, IE 4 µÈ) [if !&nb
Ïà¹ØÎĵµ£º
ÎÒÃÇÏÈÀ´·ÖÎöÒ»ÏÂ¿é¼¶ÔªËØ¡¢ÄÚÁª¼¶ÔªËص͍ÒåºÍ½âÎö£º
¿éÔªËØ(block
element)Ò»°ãÊÇÆäËûÔªËØµÄÈÝÆ÷ÔªËØ£¬¿éÔªËØÒ»°ã¶¼´ÓÐÂÐпªÊ¼£¬Ëü¿ÉÒÔÈÝÄÉÄÚÁªÔªËØºÍÆäËû¿éÔªËØ,³£¼û¿éÔªËØÊǶÎÂä±êÇ©'P"¡£
“form"
Õâ¸ö¿éÔªËØ±È½ÏÌØÊ⣬ËüÖ»ÄÜÓÃÀ´ÈÝÄÉÆäËû¿éÔªËØ¡£
¡¡¡¡Èç¹ûûÓÐcssµÄ×÷Ó㬿éÔªËØ
......
<html>
<head>
<mce:style type="text/css"><!--
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div. ......
¡¡CSSѧÆðÀ´²¢²»ÄÑ£¬µ«ÔÚ´óÐÍÏîÄ¿ÖУ¬¾Í±äµÃÄÑÒÔ¹ÜÀí£¬ÌØ±ðÊDz»Í¬µÄÈËÔÚCSSÊéд·ç¸ñÉÏÉÔÓв»Í¬£¬ÍŶÓÉϾ͸ü¼ÓÄÑÒÔ¹µÍ¨£¬Îª´Ë×ܽá
ÁËһЩÈçºÎʵÏÖ¸ßЧÕû½àµÄCSS´úÂëÔÔò£º
1
. ʹÓÃResetµ«²¢·ÇÈ«¾ÖReset
¡¡¡¡²»Í¬ä¯ÀÀÆ÷ÔªËØµÄĬÈÏÊôÐÔÓÐËù²»Í¬£¬Ê¹ÓÃReset¿ÉÖØÖÃä¯ÀÀÆ÷ÔªËØµÄһЩĬÈÏÊôÐÔ£¬ÒÔ´ïµ½ä¯ÀÀÆ÷µÄ¼æÈÝ¡£µ«ÐèÒª×¢Ò ......
//»ñȡһ¸öÌØ¶¨ÔªËصÄÑùʽÊôÐÔ
function getStyle(elem,name){
//Èç¹û¸ÃÊôÐÔ´æÔÚÓÚstyleÖÐ ÔòËû×î½ü±»ÉèÖùý
if(elem.style[name]){
return elem.style[name];
}
//·ñÔò³¢ÊÔIE·½·¨
else if(elem.currentStyle){
return elem.currentStyle[name];
//W3C·½·¨
}else if(document.defaultview && document ......