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

Å£ÈËÒ²µÃ¿´µÄ15¸öCSS³£Ê¶

      1¡¢²»ÒªÊ¹ÓùýСµÄͼƬ×ö±³¾°Æ½ÆÌ¡£Õâ¾ÍÊÇΪºÎºÜ¶àÈ˶¼²»Óà1px µÄÔ­Òò£¬Õâ²ÅÖªÏþ¡£¿í¸ß 1px µÄͼƬƽÆÌ³öÒ»¸ö¿í¸ß 200px µÄÇøÓò£¬ÐèÒª 200*200=40, 000 ´Î£¬Õ¼ÓÃ×ÊÔ´¡£ 
¡¡¡¡2¡¢Îޱ߿ò¡£ÍƼöµÄд·¨ÊÇ border:none;£¬¹þ¹þ£¬ÎÒÒ»Ö±ÔÚÓÃÕâ¸ö¡£ border:0; Ö»ÊǶ¨Òå±ß¿ò¿í¶ÈΪÁ㣬µ«±ß¿òÑùʽ¡¢ÑÕÉ«»¹Êǻᱻä¯ÀÀÆ÷½âÎö£¬Õ¼ÓÃ×ÊÔ´¡£ 
¡¡¡¡3¡¢É÷Óà* Í¨Åä·û¡£ËùνͨÅä·û£¬¾ÍÊǽ« CSS ÖеÄËùÓбêÇ©¾ù³õʼ»¯£¬²»¹ÜÓõIJ»Óõ쬹ýʱµÄÏȽøµÄ£¬Ò»ÊÓͬÈÊ£¬ÕâÑù£¬´ó´óµÄÕ¼ÓÃ×ÊÔ´¡£ÒªÓÐÑ¡ÔñµÄ³õʼ»¯±êÇ©¡£ 
¡¡¡¡4¡¢CSS µÄÊ®Áù½øÖÆÑÕÉ«´úÂëËõд¡£Ï°¹ßÁËËõд¼°Ð¡Ð´£¬Õâ²ÅÖªµÀ£¬Ô­À´²»ÊÇÍÆ¼öµÄд·¨£¬ÎªµÄÊǼõÉÙ½âÎöËùÕ¼ÓõÄ×ÊÔ´¡£µ«Í¬Ê±»áÔö¼ÓÎļþÌå»ý¡£ÊëÓÅÊëÁÓ£¬Óдý×Ðϸ¿¼Ö¤¡£ 
¡¡¡¡5¡¢Ñùʽ·ÅÍ·ÉÏ£¬½Å±¾·Å½ÅÏ¡£²»ÄÚǶ£¬Ö»ÍâÁ´¡£ 
¡¡¡¡6¡¢¼á¾ö²»ÓàCSS ±í´ïʽ¡£ 
¡¡¡¡7¡¢Ê¹ÓàÒýÓÃÑùʽ±í£¬¶ø²»ÊÇͨ¹ý @import µ¼Èë¡£ 
¡¡¡¡8¡¢Ò»°ãÀ´Ëµ£¬PNG ±È GIF ÒªÐ¡£¬Ð¡µÃ¶à¡£ÔÙÕߣ¬GIF ÖÐÓжàÉÙÑÕÉ«ÊDZ»À˷ѵģ¬ºÜÖµµÃÓÅ»¯¡£ 
¡¡¡¡9¡¢Ç§Íò²»ÒªÔÚ HTML ÖÐËõ·ÅͼƬ£¬Ò»Õß²»ºÃ¿´£¬¶þÕßÕ¼×ÊÔ´¡£ 
¡¡¡¡10¡¢ÕýÎÄ×ÖÌå×îºÃÓÃżÊý£¬12px¡¢14px¡¢16px£¬Ð§¹û·Ç³£ºÃ¡£ÌØÀý£¬15px¡£ 
¡¡¡¡11¡¢block¡¢ul¡¢ol µÈÉÏÏÂÁô³öÖÁÉÙÒ»±¶Ðо࣬×ó²àÖÁÉÙÁ½±¶Ðо࣬ÓÒ²àËæÒâ¡£ 
¡¡¡¡12¡¢¶ÎÂäÖ®¼ä£¬ÖÁÉÙÒªÓÐÒ»±¶Ðоࡣ 
¡¡¡¡13¡¢Ç¿ÐÐÖ¸¶¨Ä³Ð©ÔªËصĠline-height£¬ÕýÎÄ 1.6 ±¶ÓÚÎÄ×Ö´óС£¬±êÌâ 1.3 ±¶¡£ 
¡¡¡¡14¡¢ÖÐÎıêµãÓÃÈ«½Ç¡£Ó¢ÎļÐÔÓÔÚÖÐÎÄÖУ¬×óÓÒ¿Õ¸ñ£¬°ë½Ç¡£ 
¡¡¡¡15¡¢ÖÐÎÄ×ÖÌåµÄ´ÖÌåºÍбÌ壬ԶÀë½ÏºÃ£¬ÀûÃñÀû¼º¡£


Ïà¹ØÎĵµ£º

CSSËټǿھ÷

Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄÄλ¸ßÈ˰ÑCSS BUG±à³ÉÁË˳¿ÚÁïÁË£¡¿´¿´ºÃ²»ºÃ¼ÇסĨ£¿ Ò»¡¢IE±ß¿òÈôÏÔÈôÎÞ£¬Ðë×¢Ò⣬¶¨ÊǸ߶ÈÉèÖÃÒÑÍü¼Ç£» ¶þ¡¢¸¡¶¯²úÉúÓÐÔµ¹Ê£¬ÈôÒª¸¸²ã°üº¬×¡£¬½ô¸ú¸¡¶¯ÒªÇå³ý£¬
Èç¹ûÔÚÓÃCSSÉè¼Æ²¼¾ÖʱÓöµ½BUG£¬ÇëÈÏÕæÔĶÁÒÔÏÂÄÚÈÝ£¬·Ç³£ÈÝÒ×¼ÇÒäµÄ£¬²»ÖªµÀÄ ......

ÍøÒ³¹ö¶¯ÌõCSSÑùʽ

¹ö¶¯ÌõÑùʽÖ÷񻃾¼°µ½ÈçÏÂCSSÊôÐÔ:
overflowÊôÐÔ: ¼ìË÷»òÉèÖõ±¶ÔÏóµÄÄÚÈݳ¬¹ýÆäÖ¸¶¨¸ß¶È¼°¿í¶ÈʱÈçºÎÏÔʾÄÚÈÝ
overflow: auto; ÔÚÐèҪʱÄÚÈÝ»á×Ô¶¯Ìí¼Ó¹ö¶¯Ìõ
overflow: scroll; ×ÜÊÇÏÔʾ¹ö¶¯Ìõ
overflow-x: hidden; ½ûÖ¹ºáÏòµÄ¹ö¶¯Ìõ
overflow-y: scroll; ×ÜÊÇÏÔʾ×ÝÏò¹ö¶¯Ìõ
width: 568px; width: 98%; ÉèÖÃÇøÓòµÄ ......

CSSä¯ÀÀÆ÷¼æÈÝÎÊÌâÕûÀí

´ÓÍøÉÏÊÕ¼¯ÁËIE7,6ÓëFireofxµÄ¼æÈÝÐÔ´¦Àí·½·¨²¢ÕûÀíÁËÒ»ÏÂ.¶ÔÓÚweb2.0µÄ¹ý¶È,Ç뾡Á¿ÓÃxhtml¸ñʽд´úÂë,¶øÇÒDOCTYPE Ó°Ïì CSS ´¦Àí,×÷ΪW3CµÄ±ê×¼,Ò»¶¨Òª¼Ó DOCTYPEÉùÃû.
CSS¼¼ÇÉ
1.divµÄ´¹Ö±¾ÓÖÐÎÊÌâ vertical-align:middle; ½«ÐоàÔö¼Óµ½ºÍÕû¸öDIVÒ»Ñù¸ß line-height:200px; È»ºó²åÈëÎÄ×Ö£¬¾Í´¹Ö±¾ÓÖÐÁË¡£È±µãÊÇÒª¿ØÖÆÄÚ ......

ÍøÒ³ÖÆ×÷֪ʶ£ºdiv+css ÃæÊÔÌâÄ¿


1.³¬Á´½Ó·ÃÎʹýºóhoverÑùʽ¾Í²»³öÏÖµÄÎÊÌâ?
±»µã»÷·ÃÎʹýµÄ³¬Á´½ÓÑùʽ²»ÔÚ¾ßÓÐhoverºÍactiveÁË,½â¾ö·½·¨ÊǸıäCSSÊôÐÔµÄÅÅÁÐ˳Ðò: L-V-H-A
2.IE6µÄË«±¶±ß¾àBUG
ÀýÈç:
<style type="text/css">
    body {margin:0}
    div { float:left; margin-left:10px; width:200px; ......

ÍøÒ³²¼¾ÖCSS¼¼ÇÉ WebÉè¼Æ±ØÖª

Á½Áв¼¾Ö
1¡¢×óÁй̶¨£¬ÓÒÁÐ×ÔÊÊÓ¦
#left{    width:190px; float:left; }
#right{    margin-left:205px; }
2¡¢ÓÒÁй̶¨£¬×óÁÐ×ÔÊÊÓ¦
#left{    float:left; width:100%; }
#right{    float:left; margin-left:-100px; width:100px; }
ÈýÁв¼¾Ö
×óÓ ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØÍ¼ | ¸ÓICP±¸09004571ºÅ