css¾«Áé
¸Õ¿´µ½Ò»ÆªÎÄÕ£¬ËäÈ»ÄÚÈÝ´óÒâ֮ǰÔç¶¼Á˽â¹ý£¬Ò²¶¼¿´µ½¹ýʵÀý£¬µ«ÊÇ»¹ÊÇÔÚÕâ¸öµØ·½×ܽáһϰɣº
CSS¾«Á飬¿ÉÒÔ°ÑÍøÒ³ÖеÄһЩͼƬºÏ³ÉÒ»¸öͼƬ£¬Í¨¹ýCSSÀ´¿ØÖÆÏÔʾ£¬¼õÉÙHTTPµÄÇëÇó´ÎÊý£¬ÔÚÒ»¶¨³Ì¶ÈÉÏÔö¼ÓWEBµÄ½¡×³ÐÔ¡£
¶ÔÓÚÉÙÓÚ200KµÄͼƬ£¬·þÎñÆ÷½âÎöµÄËٶȶ¼Ã»ÓÐÌØ±ð´óµÄ²î±ð£¬µ«ÊÇͨ¹ýͼƬµÄºÏ³É£¬¿ÉÒÔ¼õÉÙHTTPµÄ´ÎÊý¡£
WEB·þÎñÆ÷¶ÔͼƬµÄ´¦ÀíÇëÇóºÜºÄ·Ñ×ÊÔ´£¬ËùÒÔʹÓÃCSS¾«Áé¿ÉÒÔÔö¼ÓWEB³ÌÐòµÄ½¡×³ÐÔ
Ïà¹ØÎĵµ£º
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ
vertical-align:middle;
½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px;
È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚÈݲ»Òª»»ÐС£
2. margin¼Ó±¶µÄÎÊÌâ
ÉèÖÃΪfloatµÄdivÔÚieÏÂÉèÖõÄmargin»á¼Ó±¶¡£ÕâÊÇÒ»¸öie6¶¼´æÔÚµÄbug¡£
½â¾ö·½°¸ ......
¼¸¸öcssÔªËØµÄ¼òµ¥½âÊÍ div ul dl dt oldiv£¬Õâ¸öºÜ³£¼û£¬¿é¼¶ÔªËØ£¬div¾¡Á¿ÉÙÓ㬺ÍtableÒ»Ñù£¬Ç¶Ì×Ô½ÉÙÔ½ºÃ
ol ÓÐÐòÁÐ±í¡£
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
±íÏÖΪ£º
1……
2…& ......
ÎÒËùÓõÄÖ÷ÌâfstosÔÚÖÆ×÷ºÍ²âÊԽ׶ζ¼ÓõÄie6£¬ÒòΪÊDzÎÕÕwordpress×Ô´øµÄ¼¸¸öÖ÷ÌâдµÄ£¬µ±Ê±Ã»Óп¼ÂÇcssµÄ¼æÈÝÐÔÎÊÌ⣬·¸ÁË“´óÔ¾½ø”´íÎó£¨ÓÃfirefoxä¯ÀÀ¼òÖ±ÊDzҲ»È̶ã©£¬µ«ÓÉÓÚ¹¤×÷ºÜæҲûÓÐʱ¼äÐÞÀíËü¡£ÕâÁ½Ìì³éÁËЩʱ¼äºÃºÃ¶ÔËûÀ´Á˸ö´óÇåÀí£¬³ö˳±ã½«ÎÒÓöµ½µÄÖ÷ÒªÎÊÌâ×ܽáһϣ¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£
¡ ......
!importantÓï·¨Õë¶ÔµÄÊÇ“ºóÃæµÄÊôÐÔ¸²¸ÇÇ°ÃæµÄÊôÐÔ”ÕâÒ»Óï·¨£¬Ò²¾ÍÊÇ˵±êʶÁË!importantµÄÊôÐÔ£¬ÊDz»±»ºóÃæµÄÏàͬÊôÐÔËù¸²¸ÇµÄ£¬¶øIE6²»ÈÏʶÕâ¸ö£¬µ¼ÖÂÆäËûä¯ÀÀÆ÷ºÜÈÝÒ׸ù¾ÝÕâµã“ÆÛ¸º”IE6£º
div{¡¡
¡¡¡¡¡¡¡¡text-decoration:overline;¡¡
¡¡¡¡¡¡¡¡*text-decoration:line-through!important;¡¡
¡ ......
CSS´úÂëÈçÏ£º
img { /*-- רÃÅÓÃÓÚÏÞ¶¨ÎÄÕÂDIVϵÄͼƬ --*/
max-width: 680px;
max-height: 700px;
}
*html img { /*¼æÈÝIE6*/
width: expression(this.width > 700 && this.width > this.height ? 680 : tr ......