IE6,7,8,FF css hack
CSS¼æÈÝÐÔÒ»Ö±ÊÇ´ó¼ÒÍ·ÌÛµÄÎÊÌ⣬ÏÖÔÚ˵˵ÈçºÎÇø·ÖÕ⼸¸öä¯ÀÀÆ÷£¬IE6¡¢IE7¡¢IE8ºÍFF£¬IE8¾ùÖ¸IE8Õýʽ°æ,°æ±¾ºÅ:8.0.6001.18702¡£
ÒÔÑÕɫΪÀýÀ´ËµÈçºÎÇø·ÖÕ⼸¸öä¯ÀÀÆ÷£º
.csshack{
color:#f00; /*firefoxµÈ¶ÔcssÖ§³ÖºÃµÄä¯ÀÀÆ÷ ÏÔʾΪºìÉ«*/
color:#00f\9; /*IE8¿Éʶ±ð ¸²¸ÇÉÏÃæ¹æÔò ÏÔʾΪÀ¶É«*/
*color:#0f0!important; /*IE7¿Éʶ±ð ¸²¸ÇÉÏÃæ¹æÔò ÏÔʾΪÂÌÉ«*/
*color:#000;/*_color:#000;*/ /*IE6¿Éʶ±ð ¸²¸ÇÉÏÃæ¹æÔò ÏÔʾΪºÚÉ«*/
}
ÕâÀïµÄ"\9"¿ÉÒÔÇø±ðËùÓÐIEºÍFireFox.
"*"¡¡IE6¡¢IE7¿ÉÒÔʶ±ð.IE8¡¢FireFox²»ÄÜ.
"_"¡¡IE6¿ÉÒÔʶ±ð"_",IE7¡¢IE8¡¢FireFox²»ÄÜ.
IE7¡¢IE8¶¼¿Éʶ±ð!important¡£
Èç´Ë,¾Í¿ÉÒÔÍêÈ«Çø·Ö¿ªIE6¡¢IE7¡¢IE8¡¢FireFoxÁË.
²»¹ýÕâÀïҪעÒâÊéдµÄ˳Ðò£ºÏÖÔÚä¯ÀÀÆ÷µÄд·¨ÒªÐ´ÔÚ×îÇ°Ã棬IE6µÄд·¨ÒªÐ´ÔÚ×îºóÃæÓÃÓÚ¸²¸Ç£¬ÆäËûä¯ÀÀÆ÷дÔÚÖм䡣
Çø±ðIE6ÓëFF£º background:orange;*background:blue;
Çø±ðIE6ÓëIE7£º background:green !important;background:blue;
Çø±ðIE7ÓëFF£º background:orange; *background:green;
Çø±ðFF/IE7/IE6£º background:orange;*background:green !important;*background:blue;
×¢£ºIE¶¼ÄÜʶ±ð*±ê×¼ä¯ÀÀÆ÷(ÈçFF)²»ÄÜʶ±ð*
IE6ÄÜʶ±ð*£¬µ«²»ÄÜʶ±ð !important
IE7ÄÜʶ±ð*£¬Ò²ÄÜʶ±ð!important
FF²»ÄÜʶ±ð*£¬µ«ÄÜʶ±ð!important
IE6Ö§³ÖÏ»®Ïߣ¬IE7ºÍfirefox¾ù²»Ö§³ÖÏ»®Ïß¡£
ÓÚÊÇ´ó¼Ò»¹¿ÉÒÔÕâÑùÀ´Çø·ÖIE6¡¢IE7¡¢firefox
: background:orange;*bac
Ïà¹ØÎĵµ£º
Çø±ðIE6ÓëFF£º
background:orange;*background:blue;
Çø±ðIE6ÓëIE7£º
background:green !important;background:blue;
Çø±ðIE7ÓëFF£º
background:orange; *background:green;
Çø±ðFF£¬IE7£¬IE6£º
  ......
CSSÓÅÏȼ¶°üº¬Ëĸö¼¶±ð£¨ÎÄÄÚÑ¡ÔñÆ÷£¬IDÑ¡ÔñÆ÷£¬ClassÑ¡ÔñÆ÷£¬ÔªËØÑ¡ÔñÆ÷£©ÒÔ¼°¸÷¼¶±ð³öÏֵĴÎÊý¡£¸ù¾ÝÕâËĸö¼¶±ð³öÏֵĴÎÊý¼ÆËãµÃµ½CSSµÄÓÅÏȼ¶¡£
CSSÓÅÏȼ¶µÄ¼ÆËã¹æÔòÈçÏ£º
* Ò³ÃæÖÐÖ±½ÓÉèÖÃstyle,¼Ó1,0,0,0
* ÿ¸öIDÑ¡ÔñÆ÷(Èç #id),¼Ó0,1,0,0
* ÿ¸öClassÑ¡ÔñÆ÷(Èç .class)¡¢Ã¿¸öÊôÐÔÑ¡ÔñÆ÷(Èç [attribute=])¡¢Ã¿¸ö ......
Åöµ½ºÃЩÎÊÌ⣬FirefoxÏÂÃæ¿´×źÜÍêÃÀ£¬ie6ÏÂÃæ¾Í²Ò²»È̶㬻¹ºÃ£¬Ò»µãµãÂýÂý½â¾öÁË¡£Ò»Ð©¶«Î÷ժ¼һÏ£¬ÒÔºóÒ²ÐíÓõõ½¡£
DIV+CSS½â¾öIE6£¬IE7£¬IE8£¬FF¼æÈÝÎÊÌâ
ÄÇÎÒÀ´ËµËµ°É£¬×öÁ˼¸ÄêµÄDIV+CSS£¬Ò²»ýÀÛÁ˲»ÉÙ½â¾ö¼æÈÝÎÊÌâµÄ·½·¨£¬ÎÒÕâÀïֻ˵ÏÖÔÚÖ÷Á÷µÄ¼¸¸ö£¬£¨IE6£¬IE7£¬IE8£¬FF£©ÆäËüµÄûȥÑо¿¹ý
1.ie8ϼæÈÝÎÊÌ⣠......
CSS »ù´¡Óï·¨
µ±Í¬Ò»¸ö HTML ÔªËر»²»Ö¹Ò»¸öÑùʽ¶¨Òåʱ£¬»áʹÓÃÄĸöÑùʽÄØ£¿
Ò»°ã¶øÑÔ£¬ËùÓеÄÑùʽ»á¸ù¾ÝÏÂÃæµÄ¹æÔò²ãµþÓÚÒ»¸öеÄÐéÄâÑùʽ±íÖУ¬ÆäÖÐÊý×Ö 4 ÓµÓÐ×î¸ßµÄÓÅÏÈȨ¡£
1. ä¯ÀÀÆ÷ȱʡÉèÖÃ
2. ÍⲿÑùʽ±í
3. ÄÚ²¿Ñùʽ±í£¨Î»ÓÚ <head> ±êÇ©ÄÚ²¿£©
4.&nb ......
CSS£¨Cascading Style Sheets£©²ãµþÑùʽ±í¡£
·´«Í³HTMLÒ³ÃæÅÅ°æºÍÏÔʾЧ¹ûÉèÖ÷½ÃæµÄÎÊÌâ¡£
·ÒýÈëCSSºó£ºHtml±ê¼ÇרÃÅÓÃÓÚ¶¨ÒåÍøÒ³µÄÄÚÈÝ£¬¶øÊÇÓÃCSSÀ´ÉèÖÃÆäЧ¹û¡£
CSS·ÖÀࣺ
ÄÚǶÑùʽ£¨Inline Style£©£ºÒÔÊôÐÔÐÎʽֱ½ÓÔÚHTML±ê¼ÇÖиø³ö£¬ÓÃÓÚÉèÖøñê¼ÇËù¶¨ÒåµÄÐÅϢЧ¹û¡£ÀýÈ磺
<body style ......