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

css¾«Áé

¸Õ¿´µ½Ò»ÆªÎÄÕ£¬ËäÈ»ÄÚÈÝ´óÒâ֮ǰÔç¶¼Á˽â¹ý£¬Ò²¶¼¿´µ½¹ýʵÀý£¬µ«ÊÇ»¹ÊÇÔÚÕâ¸öµØ·½×ܽáһϰɣº
CSS¾«Á飬¿ÉÒÔ°ÑÍøÒ³ÖеÄһЩͼƬºÏ³ÉÒ»¸öͼƬ£¬Í¨¹ýCSSÀ´¿ØÖÆÏÔʾ£¬¼õÉÙHTTPµÄÇëÇó´ÎÊý£¬ÔÚÒ»¶¨³Ì¶ÈÉÏÔö¼ÓWEBµÄ½¡×³ÐÔ¡£
¶ÔÓÚÉÙÓÚ200KµÄͼƬ£¬·þÎñÆ÷½âÎöµÄËٶȶ¼Ã»ÓÐÌØ±ð´óµÄ²î±ð£¬µ«ÊÇͨ¹ýͼƬµÄºÏ³É£¬¿ÉÒÔ¼õÉÙHTTPµÄ´ÎÊý¡£
WEB·þÎñÆ÷¶ÔͼƬµÄ´¦ÀíÇëÇóºÜºÄ·Ñ×ÊÔ´£¬ËùÒÔʹÓÃCSS¾«Áé¿ÉÒÔÔö¼ÓWEB³ÌÐòµÄ½¡×³ÐÔ


Ïà¹ØÎĵµ£º

CSSÖдæÔÚµÄBUG

1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ 
vertical-align:middle; 
½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; 
È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚÈݲ»Òª»»ÐС£
2. margin¼Ó±¶µÄÎÊÌâ     
ÉèÖÃΪfloatµÄdivÔÚieÏÂÉèÖõÄmargin»á¼Ó±¶¡£ÕâÊÇÒ»¸öie6¶¼´æÔÚµÄbug¡£
½â¾ö·½°¸ ......

CSSÖг£ÓõÄʵÀý

¼¸¸öcssÔªËØµÄ¼òµ¥½âÊÍ div ul dl dt oldiv£¬Õâ¸öºÜ³£¼û£¬¿é¼¶ÔªËØ£¬div¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol ÓÐÐòÁÐ±í¡£
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
±íÏÖΪ£º
1……
2…& ......

Í·Í´µÄcss£¨div£©²¼¾Ö

ÎÒËùÓõÄÖ÷ÌâfstosÔÚÖÆ×÷ºÍ²âÊԽ׶ζ¼ÓõÄie6£¬ÒòΪÊDzÎÕÕwordpress×Ô´øµÄ¼¸¸öÖ÷ÌâдµÄ£¬µ±Ê±Ã»Óп¼ÂÇcssµÄ¼æÈÝÐÔÎÊÌ⣬·¸ÁË“´óÔ¾½ø”´íÎó£¨ÓÃfirefoxä¯ÀÀ¼òÖ±ÊDzҲ»È̶ã©£¬µ«ÓÉÓÚ¹¤×÷ºÜæҲûÓÐʱ¼äÐÞÀíËü¡£ÕâÁ½Ìì³éÁËЩʱ¼äºÃºÃ¶ÔËûÀ´Á˸ö´óÇåÀí£¬³ö˳±ã½«ÎÒÓöµ½µÄÖ÷ÒªÎÊÌâ×ܽáһϣ¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
¡ ......

CSS !importantÓï·¨

!importantÓï·¨Õë¶ÔµÄÊÇ“ºóÃæµÄÊôÐÔ¸²¸ÇÇ°ÃæµÄÊôÐÔ”ÕâÒ»Óï·¨£¬Ò²¾ÍÊÇ˵±êʶÁË!importantµÄÊôÐÔ£¬ÊDz»±»ºóÃæµÄÏàͬÊôÐÔËù¸²¸ÇµÄ£¬¶øIE6²»ÈÏʶÕâ¸ö£¬µ¼ÖÂÆäËûä¯ÀÀÆ÷ºÜÈÝÒ׸ù¾ÝÕâµã“ÆÛ¸º”IE6£º
div{¡¡
¡¡¡¡¡¡¡¡text-decoration:overline;¡¡
¡¡¡¡¡¡¡¡*text-decoration:line-through!important;¡¡
¡ ......

CSS IE6+¡¢FF¼æÈÝ Í¼Æ¬´óС×ÔÊÊÓ¦

CSS´úÂëÈçÏ£º
img { /*-- רÃÅÓÃÓÚÏÞ¶¨ÎÄÕÂDIVϵÄͼƬ --*/
max-width: 680px;
max-height: 700px;
}
*html img { /*¼æÈÝIE6*/
width: expression(this.width > 700 && this.width > this.height ? 680 : tr ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ