DIV+CSSÃæÊ԰˸öÌâ
ÕâЩ¶¼ÊÇ֮ǰѧϰµÄʱºò×ܽáµÄ£¬ÏÖÔÚ°ÑËüÃǶ¼ÉÏ´«ÉÏÀ´£º
DIV+CSSÃæÊ԰˸öÌâÊÇ֮ǰÔÚÄĸöÍøÕ¾¿´µ½ÁË£¬ÏÖÔÚÔõôҲÕÒ²»µ½ÁË£¬Ë÷ÐÔ×Ô¼ºÁôÒ»·Ý°É£¡
Ò»¡¢³¬Á´½Ó·ÃÎʹýºóhoverÑùʽ¾Í²»³öÏÖµÄÎÊÌ⣿
¡¡¡¡±»µã»÷·ÃÎʹýµÄ³¬Á´½ÓÑùʽ²»ÔÚ¾ßÓÐhoverºÍactiveÁË,½â¾ö·½·¨ÊǸıäCSSÊôÐÔµÄÅÅÁÐ˳Ðò: L-V-H-A
¶þ¡¢IE6µÄË«±¶±ß¾àBUG
¡¡¡¡ÀýÈç:
Example Source Code [www.52css.com]
<style type="text/css">
body {margin:0}
div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }
</style>
¡¡¡¡¸¡¶¯ºó±¾À´Íâ±ß¾à10px,µ«IE½âÊÍΪ20px,½â¾ö°ì·¨ÊǼÓÉÏdisplay:inline
Èý¡¢ÎªÊ²Ã´FFÏÂÎı¾ÎÞ·¨³Å¿ªÈÝÆ÷µÄ¸ß¶È£¿
¡¡¡¡±ê×¼ä¯ÀÀÆ÷Öй̶¨¸ß¶ÈÖµµÄÈÝÆ÷ÊDz»»áÏóIE6ÀïÄÇÑù±»³Å¿ªµÄ,ÄÇÎÒÓÖÏë¹Ì¶¨¸ß¶È£¬ÓÖÏëÄܱ»³Å¿ªÐèÒªÔõÑùÉèÖÃÄØ£¿°ì·¨¾ÍÊÇÈ¥µôheightÉèÖÃmin-height:200px; ÕâÀïΪÁËÕչ˲»ÈÏʶmin-heightµÄIE6 ¿ÉÒÔÕâÑù¶¨Ò壺
Example Source Code [www.52css.com]
div { height:auto!important; height:200px; min-height:200px; }
ËÄ¡¢ÎªÊ²Ã´web±ê×¼ÖÐIEÎÞ·¨ÉèÖùö¶¯ÌõÑÕÉ«ÁË£¿
¡¡¡¡ÔÀ´ÑùʽÉèÖãº
Example Source Code [www.52css.com]
<style type="text/css">
body { scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }
</style>
¡¡¡¡½â¾ö°ì·¨Êǽ«body»»³Éhtml
Î塢ΪʲôÎÞ·¨¶¨Òå1px×óÓҸ߶ȵÄÈÝÆ÷£¿
¡¡¡¡IE6ÏÂÕâ¸öÎÊÌâÊÇÒòΪĬÈϵÄÐиßÔì³ÉµÄ£¬½â¾öµÄ·½·¨Ò²Óкܶ࣬ÀýÈ磺overflow:hidden | zoom:0.08 | line-height:1px
Áù¡¢ÔõôÑù²ÅÄÜÈòãÏÔʾÔÚFLASHÖ®ÉÏÄØ£¿
¡¡¡¡½â¾öµÄ°ì·¨ÊǸøFLASHÉèÖÃ͸Ã÷:
Example Source Code [www.52css.com]
<a href="http
Ïà¹ØÎĵµ£º
CSS ºÐÄ£ÐÍ
¡¡¡¡ÍøÒ³Éè¼ÆÖеÄÿ¸öÔªËض¼Êdz¤·½ÐεĺÐ×Ó¡£ºÐ×ӵijߴçÊÇÔõÑù¾«È·¼ÆËãµÄ£¬Çë¿´ÏÂͼ£º
¡¡¡¡
¡¡¡¡Èç¹ûÊÇ Firebug Óû§µÄ»°(»ù±¾ºÍÇ°¶ËÓйصĶ¼»áÓõ½ Firebug °É – ÌÇ°éÎ÷ºìÊÁ)£¬¾Í»áºÜÊìϤÏÂÃæµÄͼ±íÁË¡£
¡¡¡¡Õâ¸öͼ±íºÜºÃµØչʾÁË×÷ÓÃÓÚÒ³ÃæÉÏÈÎÒâºÐ×ÓµÄÊýÖµ¡£
¡¡¡¡
¡¡¡¡×¢ÒâÒÔÉÏÁ½¸öÀý×ÓÖУ¬margi ......
×÷Õߣºtinyhill¡¡À´×Ô£ºÀ¶É«ÀíÏë ¶Ô ¡¶5 ¸ö¼òµ¥ÊµÓÃµÄ CSS ÊôÐÔ¡·½øÐбà¼
1¡¢CSS Clip
¼ô¼ (clip) ÊôÐÔ¾ÍÏñÒ»¸öÃæ¾ß¡£ËüÔÊÐíÄãʹÓþØÐÎÑÚ¸ÇÒ³ÃæÔªËصÄÄÚÈÝ¡£Òª¼ô¼Ò»¸öÔªËØ£ºÄã±ØÐëÖ¸¶¨Æä position ÊôÐÔΪ absolute£¬È»ºóÖ¸¶¨Ïà¶ÔÓÚÔªËØµÄ top£¬right£¬bottom£¬left Öµ¡£
ͼƬ¼ô¼ÊµÀý£¨ÑÝʾ£©
ÒÔÏÂʾÀýÑÝʾÁËÈç ......
ÔÚд¡¶ÎÒÈçºÎ¿´´ýDIV+CSS¡·µÄʱºò
ÎÒÏëµ½£º
´úÂëûÓÐÐÐÓë²»Ðеķֱð
¶øÖ»ÓкÃÓë²»ºÃµÄ²î¾à
ºÃÓë²»ºÃ¶¼ÄÜÍê³ÉÏàÓ¦µÄ¹¦ÄÜ
Ò»¸ö¹¦ÄÜÉÙÁËÄÜд£¬¶àÁËÒ²ÄÜд
±à³ÌÓïÑÔ¾ÍÄÇô¼¸¸ö¹Ø¼ü×Ö¡¢ÄÇô¼¸Ìõ¿ØÖÆÓï¾ä
ËäÈ»¿ò¼Ü»òÀà¿âµÄÀàºÜ¶à
µ«Ò²²»ÊÇû¸öÊýµÄ
¿ÉÊÇÄÇЩ¼ÆËã»ú´óʦÃÇ°¡
È´ÄÜд³öÈÃÈ˾õµÃ“ÃÀ”µÄ´úÂë
ÎªÊ ......
1. document.formName.item("itemName") ÎÊÌâ
˵Ã÷:IEÏÂ,¿ÉÒÔʹÓÃdocument.formName.item("itemName")»òdocument.formName.elements["elementName"];
FirefoxÏÂ,Ö»ÄÜʹÓÃdocument.formName.elements["elementName"].
½â¾ö·½·¨:ͳһʹÓÃdocument.formName.elements["elementName"].
2.¼¯ºÏÀà¶ÔÏóÎÊÌâ
˵Ã÷:IEÏÂ,¿É ......
Ò»¡¢cssÓÅÏÈÓÚλÖÃÒ²ÓйØϵ
.vmÓë.vb ÑùʽµÄ¶¨ÒåÔÚÓÅÏȼ¶±ðÉÏÊÇÏàͬµÄ£¬µ«ÊÇÈç¹ûÔÚhtmlÊôÐÔÀïclass="vm vb"¶¨ÒåµÄ»°ÓÅÏȼ¶²¢²»ÊÇдÔÚÊôÐÔÀïµÄ˳Ðò£¬¶øÊÇдÔÚÑùʽÀï˳ÐòÀ´¾ö¶¨µÄ¡£ÈçϵÄÀý×Ó
<mce:style><!--
.vm{vertical-align:middle} /* ÓÉÓÚλÖÃÔÒòÓÅÏÈÓÚvb*/
.vb{vertical-align:baseline}
--> ......