Ò׽ؽØÍ¼Èí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö160KB

CSS hackä¯ÀÀÆ÷¼æÈÝÒ»ÀÀ±í

CSS hackÊÇÖ¸ÎÒÃÇΪÁ˼æÈݸ÷ä¯ÀÀÆ÷£¬¶øÊ¹ÓõÄÌØ±ðµÄcss¶¨Òå¼¼ÇÉ¡£ÕâÊǹúÍâÕªÀ´µÄÒ»ÕÅCSS hackÁÐ±í£¬ÏÔʾÁ˸÷ä¯ÀÀÆ÷¶Ô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²»Ê¶±ð£¬ÆÁ±ÎIE6 select { display /*ÆÁ±ÎIE6*/:none;}
ÕâÀïÖ÷ÒªÊÇͨ¹ýCSS×¢ÊÍ·Ö¿ªÒ»¸öÊôÐÔÓëÖµ£¬×¢ÊÍÔÚðºÅǰ¡£ ½öIE6ÓëIE5²»Ê¶±ð£¬ÆÁ±ÎIE6ÓëIE5 select/**/ { display /*IE6,IE5²»Ê¶±ð*/:none;}
ÕâÀïÓëÉÏÃæÒ»¾ä²»Í¬µÄÊÇÔÚÑ¡Ôñ·ûÓ뻨À¨ºÅÖ®¼ä¶àÁËÒ»¸öCSS×¢ÊÍ¡£²»ÆÁ±ÎIE5.5 ½öIE5²»Ê¶±ð£¬ÆÁ±ÎIE5 select/*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ʵÏÖ

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>±í¸ñÍ·Ðй̶¨£ºÊ¹ÓÃCSSʵÏÖ</title>
<style type="text/css" >
div.DivContainer /* Div */{
    overflow: scroll;
    border: solid 1px gray; ......

CSS»ã×Ü

CSSµÄÎļþ¸ñʽ
1.ÿÖÖ²»Í¬¿îʽ£¬¶¨ÒåÒ»¸öcss¡£°´Å¥AÒ»¸öcss£¬°´Å¥BËäÈ»³¤µÃ¸úAÒ»Ñù£¬µ«ÊÇÔÚÓұߣ¬ÄǾÍcopyÏÂAµÄcss´úÂ룬Ȼºó¸Ä³ÉÔÚÓұߡ£
.a{/* ºÜ¶àÑùʽ¶¨Òå */}
.b{/* ºÜ¶àÑùʽ¶¨Òå */ text-align:center;}
.c{/* ºÜ¶àÑùʽ¶¨Òå */ text-align:right;}
<div class="a">°´Å¥A</div>
<div class="b"&g ......

zend framework ͼƬÒÔ¼°css·¾¶ÎÊÌâ

¸Õ¿ªÊ¼Ñ§Ï°zend framework £¬¶ÔÓÚ·¾¶ÎÊÌ⻹ÊÇûŪÃ÷°×£¬ÒÔÖÁÓÚͼƬ²»ÄÜÕý³£ÏÔʾ£¬ËѱéÁËGoogleÖÕÓÚÕÒµ½Ò»¸ö½â¾ö°ì·¨¡£¾ßÌå½â¾ö°ì·¨ÈçÏ£º
ÔÚ.htaccessÖÐÓÃÏÂÃæÕâ¶Î´úÂë´úÌæÔ­ÓдúÂë
# Zend Framework rewrite¹æÔò
RewriteEngine on
RewriteCond
%{REQUEST_FILENAME} !-f
RewriteRule .* index.php
#
°²È«ÐÔ¿¼ÂÇ£ ......

CSS HACKÔ­Àí¼ò½é

¼ò½é¡¡¡¡
    Ê²Ã´ÊÇCSS hack(http://www.cssplay.org.cn/css-hack/index.html)ÓÉÓÚ²»Í¬µÄä¯ÀÀÆ÷£¬±ÈÈçInternet Explorer 6,Internet Explorer 7,Mozilla FirefoxµÈ£¬¶ÔCSSµÄ½âÎöÈÏʶ²»Ò»Ñù£¬Òò´Ë»áµ¼ÖÂÉú³ÉµÄÒ³ÃæÐ§¹û²»Ò»Ñù£¬µÃ²»µ½ÎÒÃÇËùÐèÒªµÄÒ³ÃæÐ§¹û¡£
¡¡¡¡Õâ¸öʱºòÎÒÃǾÍÐèÒªÕë¶Ô²»Í¬µÄä¯ÀÀÆ÷ ......

×îºÃµÄcssÖØÐ´´úÂë

Eric Meyer’s CSS Reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, fo ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ