Ò׽ؽØͼÈí¼þ¡¢µ¥Îļþ¡¢Ãâ°²×°¡¢´¿ÂÌÉ«¡¢½ö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 ÃüÃû

  ³£ÓõÄÍøÕ¾ÃüÃû ÊÕ²Ø
1.CSS ID µÄÃüÃû
ҳͷ£ºheader
µÇ¼Ìõ£ºloginbar
±êÖ¾£ºlogo
²àÀ¸£ºsidebar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubnav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubmenu
ËÑË÷£ºsearch
¹ö¶¯£ºscroll
Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent
±êÇ©Ò³£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips
À¸Ä¿±êÌâ ......

[ת]DIV+CSSÔÚIE7/IE6/Firefox¼äµÄ¼æÈÝÐÔÎÊÌâ

DIV£«CSSÍøÒ³²¼¾ÖÕâÊÇÒ»ÖÖÇ÷ÊÆ,ÎÒÒ²¿ªÊ¼Ë³Ó¦Õâ¹ÉÇ÷ÊÆÁË,²»¹ýÔÚʹÓÃDIV£«CSSÍøÕ¾Éè¼ÆµÄʱºò£¬Ó¦¸Ã×¢ÒâcssÑùʽ¼æÈݲ»Í¬ä¯ÀÀÆ÷ÎÊÌ⣬ÌرðÊǶÔÍêȫʹÓÃDIV+CSSÉè¼ÆµÄÍøÒ³£¬¾ÍÓ¦¸Ã¸ü×¢ÒâIE6 IE7 FF¶ÔCSSÑùʽµÄ¼æÈÝ£¬²»È»£¬ÄãµÄÍøÒ³¿ÉÄÜÂÒµÄÒ»ËúºýÍ¿£¡ÎÒ¾­³£±»ÕâЩ¶«Î÷ÕûµÄ½¹Í·Àöî,ÓÚÊǺôÔÚÍøÉÏÕÒÁËЩ×ÊÁÏ,¼ÓÉÏ×Ô¼ºµÄÀí½âºÍÕâÐ©È ......

cssÖеÄfilterÊôÐÔÓ﷨˵Ã÷

¸Õ¿ªÊ¼Ñ§css£¬¿ªÊ¼Óöµ½filter²»¶®Ê²Ã´Òâ˼ºóÀ´µ½ÍøÉϲéÁË£¬¾õµÃ½âÊ͵ĺÜÈ«Ã棬¾Í°ÑËü¿ÙÏÂÀ´£¬ÒÔ±ã×Ô¼º¾­³£À´¿´¿´¡£
CSSÂ˾µµÄʹÓ÷½·¨£ºfilter:filtername(parameters)¡¡¼´ filter:Â˾µÃû³Æ£¨²ÎÊý£©
alpha£ºÉèÖÃ͸Ã÷²ã´Î
blur£º´´½¨¸ßËÙ¶ÈÒƶ¯Ð§¹û£¬¼´Ä£ºýЧ¹û
chroma£ºÖÆ×÷רÓÃÑÕɫ͸Ã÷
DropShadow£º´´½¨¶ÔÏóµÄ¹Ì¶¨Ó° ......

CSSºÍJavascriptÖеÄstyle.displayÓëstyle.visibility

¡¡´ó¶àÊýÈ˺ÜÈÝÒ×½«CSSÊôÐÔdisplayºÍvisibility»ìÏý£¬ËüÃÇ¿´ËÆûÓÐʲô²»Í¬£¬ÆäʵËüÃǵIJî±ðÈ´ÊǺܴóµÄ¡£
¡¡¡¡visibilityÊôÐÔÓÃÀ´È·¶¨ÔªËØÊÇÏÔʾ»¹ÊÇÒþ²Ø£¬ÕâÓÃvisibility="visible|hidden"À´±íʾ£¬visible±íʾÏÔʾ£¬hidden±íʾÒþ²Ø¡£µ±visibility±»ÉèÖÃΪ"hidden"µÄʱºò£¬ÔªËØËäÈ»±»Òþ²ØÁË£¬µ«ËüÈÔȻռ¾ÝËüÔ­À´ËùÔÚµÄλÖà ......

CSSµÄhack½â¾ö»ýÀÛ

Ò»ÄêÀïÓöµ½µÄcssÎÊÌâ×ܽáһϣº
µ½ÏÖÔÚ·¢ÏÖÓÃhackÔ½¶àÖ¤Ã÷ÄãµÄˮƽԽ²î£¬Ä¿Ç°Ð´µÄ´úÂ뼸ºõûÓÐÓõ½ÕâЩ½â¾ö·½·¨ÁË¡£µ«ÊÇ»°Ëµ»ØÀ´Ö»ÓÐÓöµ½ÎÊÌâ²¢ÇÒ½â¾ö²ÅÄÜ×îÖÕ´ïµ½Ô¤·À¡£Ö±µ½ËùÓеĶ¼Óöµ½ÁËÄãÒ²¾ÍÊǸßÊÖÁË£¡
Ó¦ÓÃ×î¶àµÄ±¾È˸оõ¾ÍÊÇ£ºheight:1%;overflow:hidden;//½â¾öfloatµÈÎÊÌâ
 1¡¢¸ß¶È×ÔÊÊÓ¦ÎÊÌ⣺
ÍêÃÀ½â¾ö ......
© 2009 ej38.com All Rights Reserved. ¹ØÓÚE½¡ÍøÁªÏµÎÒÃÇ | Õ¾µãµØͼ | ¸ÓICP±¸09004571ºÅ