CSS Hack »ã×Ü
¡¡¡¡ÆÁ±ÎIEä¯ÀÀÆ÷£¨Ò²¾ÍÊÇIEϲ»ÏÔʾ£©*:lang(zh) select {font:12px !important;} /*FF,OP¿É¼û£¬ÌرðÌáÐÑ£ºÓÉÓÚOpera×î½üµÄÉý¼¶£¬Ä¿Ç°´Ë¾äֻΪFFËùʶ±ð*/
¡¡¡¡select:empty {font:12px !important;} /*safari¿É¼û*/
¡¡¡¡ÕâÀïselectÊÇÑ¡Ôñ·û£¬¸ù¾ÝÇé¿ö¸ü»»¡£µÚ¶þ¾äÊÇMACÉÏsafariä¯ÀÀÆ÷¶ÀÓеġ£½öIE7ÓëIE5.0¿ÉÒÔʶ±ð*+html select {…}
¡¡¡¡µ±ÃæÁÙÐèÒªÖ»Õë¶ÔIE7ÓëIE5.0×öÑùʽµÄʱºò¾Í¿ÉÒÔ²ÉÓÃÕâ¸öHACK¡£ ½öIE7¿ÉÒÔʶ±ð*+html select {…!important;}
¡¡¡¡µ±ÃæÁÙÐèÒªÖ»Õë¶ÔIE7×öÑùʽµÄʱºò¾Í¿ÉÒÔ²ÉÓÃÕâ¸öHACK¡£ IE6¼°IE6ÒÔÏÂʶ±ð* html select {…}
¡¡¡¡Õâ¸öµØ·½ÒªÌرð×¢ÒâºÜ¶à²©¿Í¶¼Ð´³ÉÁËÊÇIE6µÄHACKÆäʵIE5.xͬÑù¿ÉÒÔʶ±ðÕâ¸öHACK¡£ÆäËüä¯ÀÀÆ÷²»Ê¶±ð¡£
¡¡¡¡html/**/ >body select {…}
¡¡¡¡Õâ¾äÓëÉÏÒ»¾äµÄ×÷ÓÃÏàͬ¡£½öIE6²»Ê¶±ð£¬ÆÁ±ÎIE6select {display /*ÆÁ±ÎIE6*/:none;}
¡¡¡¡ÕâÀïÖ÷ÒªÊÇͨ¹ýCSS×¢ÊÍ·Ö¿ªÒ»¸öÊôÐÔÓëÖµ£¬×¢ÊÍÔÚðºÅÇ°¡£½öIE6ÓëIE5²»Ê¶±ð£¬ÆÁ±ÎIE6ÓëIE5select/**/ { display /*IE6,IE5²»Ê¶±ð*/:none;}
¡¡¡¡ÕâÀïÓëÉÏÃæÒ»¾ä²»Í¬µÄÊÇÔÚÑ¡Ôñ·ûÓ뻨À¨ºÅÖ®¼ä¶àÁËÒ»¸öCSS×¢ÊÍ¡£²»ÆÁ±ÎIE5.5½öIE5²»Ê¶±ð£¬ÆÁ±ÎIE5select/*IE5²»Ê¶±ð*/ {…}
¡¡¡¡ÕâÒ»¾äÊÇÔÚÉÏÒ»¾äÖÐÈ¥µôÁËÊôÐÔÇøµÄ×¢ÊÍ¡£Ö»ÓÐIE5²»Ê¶±ð£¬IE5.5¿ÉÒÔʶ±ð¡£ºÐÄ£Ðͽâ¾ö·½·¨selct {width:IE5.x¿í¶È; voice-family :"\"}\""; voice-family:inherit; width:ÕýÈ·¿í¶È;}
¡¡¡¡ºÐÄ£Ð͵ÄÇå³ý·½·¨²»ÊÇͨ¹ý!importantÀ´´¦ÀíµÄ¡£ÕâµãÒªÃ÷È·¡£Çå³ý¸¡¶¯select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
¡¡¡¡ÔÚFirefoxÖУ¬µ±×Ó¼¶¶¼Îª¸¡¶¯Ê±£¬ÄÇô¸¸¼¶µÄ¸ß¶È¾ÍÎÞ·¨ÍêÈ«µÄ°üסÕû¸ö×Ó¼¶£¬ÄÇôÕâʱÓÃÕâ¸öÇå³ý¸¡¶¯µÄHACKÀ´¶Ô¸¸¼¶×öÒ»´Î¶¨Ò壬ÄÇô¾Í¿ÉÒÔ½â¾öÕâ¸öÎÊÌâ¡£½Ø×ÖÊ¡ÂÔºÅselect { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
¡¡¡¡Õâ¸öÊÇÔÚÔ½³ö³¤¶Èºó»á×ÔÐеĽصô¶à³ö²¿·ÖµÄÎÄ×Ö£¬²¢ÒÔÊ¡ÂԺŽá⣬ºÜºÃµÄÒ»¸ö¼¼Êõ¡£Ö»ÊÇÄ¿Ç°Firefox²¢²»Ö§³Ö¡£Ö»ÓÐOperaʶ±ð@media all and (min-width: 0px){ select {……} }
¡¡¡¡Õë¶ÔOperaä¯ÀÀÆ÷×öµ¥¶ÀµÄÉ趨¡£ÒÔÉ϶¼ÊÇдCSSÖеÄһЩHACK£¬ÕâЩ¶¼ÊÇÓÃÀ´½â¾ö¾Ö²¿µÄ¼æÈÝÐÔÎÊÌ⣬Èç¹ûÏ£Íû°Ñ¼æÈÝÐÔµÄÄÚÈÝÒ²·ÖÀë³öÀ´£¬²»·ÁÊÔÒ»ÏÂÏÂÃæµÄ¼¸ÖÖ¹ýÂËÆ÷¡£ÕâЩ¹ýÂËÆ÷ÓеÄÊÇдÔÚCSSÖÐͨ¹ý¹ýÂËÆ÷µ¼ÈëÌرðµÄÑùʽ£¬Ò²Óе
Ïà¹ØÎĵµ£º
Internet Explorer 8Ô¤ÉèÊÇÒÔCSS 2.1Ϊ±ê×¼£¬²¢ÐÞÕýÁËÐí¶àInternet Explorer 7µÄCSS Bug£¬ÕâÒâζ×ÅÓÐÒ»²¿·ÝÒÔÍùÒÀ¾ÝIE 7ËùÉè¼ÆµÄÍøÒ³£¬
ÔÚIE 8ÉϵijÊÏÖ»áÓÐËù³öÈ룬ËùÐÒ°ÝIE 7ÏàÈݼìÊÓ¹¦ÄÜËù´Í£¬Ä¿Ç°ÒòʹÓÃIE 8¶øµ¼Ö°æÃæ´íÎóµÄÍøÕ¾²¢²»¶à¡£
µ«Ò»ÖµÒÀÀµIE 7ÏàÈݼìÊÓ¹¦Äܲ¢·Ç³¤¾ÃÖ®¼Æ£¬¾¡Ô罫ÍøÕ¾ÐÞ¸ÄΪIE 8ÏàÈݲÅÊdz¤¾Ã ......
Ò»¡¢CSSÎļþ¼°ÑùʽÃüÃû
1¡¢CSSÎļþÃüÃû¹æ·¶
È«¾ÖÑùʽ£ºglobal.css£»
¿ò¼Ü²¼¾Ö£ºlayout.css£»
×ÖÌåÑùʽ£ºfont.css£»
Á´½ÓÑùʽ£ºlink.css£»
´òÓ¡Ñùʽ£ºprint.css£»
2¡¢CSSÑùʽÃüÃû¹æ·¶
±¾È˽¨Ò飺ÓÃ×Öĸ¡¢_ºÅ¹¤¡¢-ºÅ¡¢Êý×Ö×é³É£¬±ØÐëÒÔ×Öĸ¿ªÍ·£¬²»ÄÜΪ´¿Êý×Ö¡£ÎªÁË¿ª·¢ºóÑùʽÃû¹ÜÀí·½±ã£¬´ó¼ÒÇëÓÃÓÐÒâÒåµÄµ¥ ......
»¹ÔÚΪ±ÏÒµÉè¼Æ¶ø·³ÄÕô ¿´¿´ÕâÀï ÎÒ°ïÄã¸ã¶¨¾ÍºÃ
±¾ÈËʵ¼Ê¿ª·¢¾Ñé·á¸» ѧ¹ý¸÷Àà³ÌÐò±àд Ç°ºǫ́¶¼¿ÉÒÔ
ÏÖÔڵŤ×÷²»Ôõô¾°Æøѽ ËùÒÔÕÒµãÍâ¿ìÑø¼Òºý¿Úѽ ºÇºÇ
±¨³êÂï ¹ýµÃÈ¥¾ÍÐÐÁË Ã»Ê²Ã´ÒªÇó ½»¸öÅóÓÑÂï
Èç¹ûÓÐÒâÕß¿ÉÓë±¾ÈËÁªÏµqq604884385 Tel13438309220 ......
ÎÒ³ÐÈÏÎÒ²¢²»¾³£ÏëÕâ¸öÎÊÌâ......ÎÒÃÇдµÄcssµÄЧÂÊÊÇÔõôÑùµÄÄØ£¬ä¯ÀÀÆ÷äÖȾµÄËÙ¶ÈÓÖÈçºÎÄØ£¿
ÕâÊÇÓ¦¸ÃÊÇä¯ÀÀÆ÷¿ª·¢ÕßÓ¦¸Ã¹ØÐĵÄ(Ò³Ãæ¼ÓÔظü¿ì£¬Óû§¾Í»á¸üÓä¿ì)¡£MozillaÓÐһƪÎÄÕ£ºabout best practices . Googleµ±È»Ò²ºÜ¹ØÐÄÕâ¸öÎÊÌ⣬ËûÃÇÒ²ÓÐÕâÑùһƪÎÄÕ£ºOptimize browser rendering ¡£
ÈÃÎÒÃÇÁ˽âÏÂËûÃÇÖ÷Òª³« ......
³éʱ¼äÈÏÕæѧѧ³É´óÊƵÄdiv+cssÍøÒ³Éè¼Æ·½Ê½£¬ÏȼÇϹؼü¸ÅÄîµÄÁìÎò°É£¬ÓÐÖú¶ÔÕâÖÖÍøÒ³Éè¼Æ·½Ê½ÓиöºÜºÃµÄÁìÎò¡£ÒªÖªµÀ Èκζ«Î÷ ÒªÖªµÀËùÒÔÈ»²ÅÄÜÁé»îÔËÓ㬲ÅÄÜ̸µÄÉÏ´´Ð¡£
1¡¢Ê×ÏÈ¿¼ÂÇÒ³ÃæµÄ½á¹¹
Ëùν½á¹¹¾ÍÊÇ¿´¿´Ò³ÃæÓÐÄÇЩÄÚÈݿ锽áºÏ¹¹³É“£¬ÁгöÕâЩÄÚÈݽṹ¿é£¬È»ºó½øÐÐÌáÈ¡£¬ÕûÀí×îºóÐèÒªµÄÒ»¸öÁб ......