CSS Hack
Ö»Õë¶Ôie6£¬ie7ºÍfirefoxµÄcsshack
×¢ÒⶼҪдÔÚÕý³£ÑùʽµÄºó±ß£¬³ý!important·½·¨ÔÚǰ±ß
---------------Õë¶ÔÑùʽÃû------------
Èç¹ûÖ»ÈÃie6¿´¼ûÓÃ*html .head{color:#000;}
Èç¹ûÖ»ÈÃie7¿´¼ûÓÃ*+html .head{color:#000;}
Èç¹ûÖ»ÈÃff¿´¼ûÓÃ:root body .head{color:#000;}
Èç¹ûÖ»ÈÃff¡¢IE8¿´¼ûÓÃhtml>/**/body .head{color:#000;}
Èç¹ûÖ»ÊDz»ÈÃie6¿´¼ûÓÃhtml>body .head{color:#000;} ¼´¶ÔIE 6ÎÞЧ
Èç¹ûÖ»ÊDz»ÈÃff¡¢IE8¿´¼ûÓÃ*body .head{color:#000;} ¼´¶Ôff¡¢IE8ÎÞЧ
body>.head{color:#000} IE7 8 ff ÓÐЧ
-------------Õë¶Ô¾ßÌåÊôÐÔ--------------
Èç¹ûÖ»ÈÃie6¿´¼ûÓÃ_ .head{_color:#000;}
Èç¹ûÖ»ÈÃie7¿´¼ûÓÃ+Óë_½áºÏµÄ·½·¨: .head{+color:#f00;!;_color:#000;}
Èç¹ûÖ»ÊDz»ÈÃie6¿´¼ûÓà /**/ .head{color /**/:#000;}×¢ÒâÓпոñ,»òÕßÓÃ!important,д·¨: width:20px!important; width:50px;
Èç¹ûÖ»¶ÔffÎÞЧ/9 >.head{color:#000\9}
--------------------------------------------------IE8Õýʽ°æhack---------------------------------
"\9"¡¡Àý:"margin:0px auto\9;".ÕâÀïµÄ"\9"¿ÉÒÔÇø±ðËùÓÐIEºÍFireFox.
"*"¡¡IE6¡¢IE7¿ÉÒÔʶ±ð.IE8¡¢FireFox²»ÄÜ.
"_"¡¡IE6¿ÉÒÔʶ±ð"_",IE7¡¢IE8¡¢FireFox²»ÄÜ.
È磺.a {color:#f00; color:#f60\9; +color:#00FF00; _color:#0000FF; }
ff IE8 IE7 IE6
Ïà¹ØÎĵµ£º
SpriteMeÊÇGoogleµÄÒ»¸ö¿ªÔ´ÏîÄ¿£¬¿ÉÒÔÓÃÀ´·½±ãµØÕÒ³öÒ»¸öÒ³ÃæÖÐËùʹÓõÄͼƬ£¬È»ºó¿ÉÒÔ½«ËùÒÔͼƬºÏ²¢µ½Ò»¸ö“Sprite”ͼƬ£¬È»ºóÔÙͨ¹ý
CSS¿ØÖƵ÷ÓÃÄÄÒ»¸öÇøÓò£¬ÆäÌṩÁËÒ»¸öÍøÕ¾À´°²×°£¬ÑÝʾʹÓ÷½·¨£¬http://spriteme.org/ ¡£
°²×°·½·¨ºÜ¼òµ¥£¬°´ÕÕÉÏÃæÄǸöÒ³ÃæÉϵÄÌáʾ£¬½«Ò»¸öÁ´½ÓÍϵ½“ÊéÇ©¹ ......
ý½éÀàÐÍ(Media Types)ÔÊÐíÄ㶨ÒåÒÔºÎÖÖý½éÀ´Ìá½»Îĵµ£¬Îĵµ¿ÉÒÔ±»ÏÔʾÔÚÏÔʾÆ÷¡¢´òÓ¡»ú»òÕßÌý¾õä¯ÀÀÆ÷µÈµÈ¡£
ʵÀý
ÏÂÃæÕâ¸öÀý×ÓÖеÄÑùʽ¸æÖªä¯ÀÀÆ÷ÔÚÏÔʾÆ÷ÉÏÏÔʾ 14 ÏñËØµÄ Verdana ×ÖÌå¡£µ«ÊǼÙÈçÒ³ÃæÐèÒª±»´òÓ¡£¬½«Ê¹Óà 10 ¸öÏñËØµÄ Times ×ÖÌå¡£×¢Ò⣺font-weight ±»ÉèÖÃΪ´ÖÌ壬²»ÂÛÏÔʾÆ÷»¹ÊÇֽý½é£º
<%@ pa ......
±¾ÎÄΪ´ó¼ÒÊÕ¼¯¾«Ñ¡ÁË30¸öʹÓô¿CSS
Íê³ÉµÄÇ¿´óʵ¼ùµÄÓÅÐãCSS¼¼ÊõºÍʵÀý
£¬Äú½«ÔÚÕâÀï·¢ÏֺܶàÓëÖÚ²»Í¬µÄ¼¼Êõ£¬±ÈÈç:ͼƬ¼¯¡¢ÒõӰЧ¹û¡¢¿ÉÀ©Õ¹°´Å¥¡¢²Ëµ¥µÈ…ÕâЩʵÀý¶¼ÊÇʹÓô¿CSSºÍHTMLʵÏֵġ£
µ¥»÷ÿ¸öʵÀýµÄ±êÌâ¿ÉÒÔ±»×ªÏòµ½¸Ã¼¼ÊõʵÀýµÄÏà¹Ø½Ì³Ì»ò˵Ã÷Ò³Ãæ(Ó¢ÎÄ)£¬µ¥»÷ÿ¸öʵÀýµÄͼƬ½ØÍ ......
ºÜ¶àµÄWeb
designerÔÚ¸Õ½Ó´¥W3C±ê×¼µÄʱºò£¬¶¼Óöµ½¹ý¸ß¶È×ÔÊÊÓ¦µÄÎÊÌâ¡£ÒòΪdivµÈ¶ÔÏóµÄheight:100%;²¢²»Äܹ»Ö±½Ó²úÉúʵ¼ÊЧ¹û£¬ÓÚÊÇ¿ªÊ¼
»³ÒÉä¯ÀÀÆ÷ÊÇ·ñÖ§³Öheight:100%;µÄ±àд·½·¨£¿µ±È»²»ÊÇ£¬×îÃ÷ÏÔµÄÀý×Ó¾ÍÊÇtable
height="100"ÊÇûÓÐÈκÎÎÊÌâµÄ¡£ÕâÊǺÜÁîÈË·³ÄÕµÄÎÊÌâ¡£ÎÒä¯ÀÀÁ˺ܶàÍøÕ¾£¬°üÀ¨www.w3cn.o ......