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

15¸öCSS³£ÓÃ֪ʶ

ÉùÃ÷£º±¾ÎÄת×Ôwww.52css.com
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Êó±êÑùʽ

cursorÖÐhandÓëpointer
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:hand">CSSÊó±êÊÖÐÍЧ¹û</a>
pointerÒ²ÊÇÊÖÐÍ£¬ÕâÀïÍÆ¼öʹÓÃÕâÖÖ£¬ÒòΪÕâ¿ÉÒÔÔÚ¶àÖÖä¯ÀÀÆ÷ÏÂʹÓá£
Àý×Ó£ºCSSÊó±êÊÖÐÍЧ¹û <a href="#" style="cursor:pointer">CSSÊó±êÊÖÐÍЧ¹û</a>
crosshairÊÇÊ®×ÖÐÍ
Àý×Ó£ºCSSÊó± ......

CSSÃüÃû¹æ·¶


Ò»£®ÎļþÃüÃû¹æ·¶
[b]ÑùʽÎļþÃüÃû[/b]
[quote]Ö÷ÒªµÄ master.css
²¼¾Ö£¬°æÃæ layout.css
רÀ¸ columns.css
ÎÄ×Ö font.css
´òÓ¡Ñùʽ print.css
Ö÷Ìâ themes.css [/quote]
[b]CSS ID µÄÃüÃû[/b]
[quote]ҳͷ£ºheader
µÇ¼Ìõ£ºloginbar
±êÖ¾£ºlogo
²àÀ¸£ºsidebar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubnav
²Ë ......

ÔöÇ¿SEOµÄdiv+cssÃüÃû¹æÔò


ҳͷ£ºheader
µÇ¼Ìõ£ºloginBar
±êÖ¾£ºlogo
²àÀ¸£ºsideBar
¹ã¸æ£ºbanner
µ¼º½£ºnav
×Óµ¼º½£ºsubNav
²Ëµ¥£ºmenu
×Ӳ˵¥£ºsubMenu
ËÑË÷£ºsearch
¹ö¶¯£ºscroll
Ò³ÃæÖ÷Ì壺main
ÄÚÈÝ£ºcontent
±êǩҳ£ºtab
ÎÄÕÂÁÐ±í£ºlist
ÌáʾÐÅÏ¢£ºmsg
С¼¼ÇÉ£ºtips
À¸Ä¿±êÌ⣺title
¼ÓÈ룺joinus
Ö¸ÄÏ£ºguild
·þÎñ£ºse ......

CSSÖÐpositionµÄabsoluteºÍrelativeµÄÓ¦ÓÃ

positionÊôÐÔÆäʵÊÇÖ¸±¾Ìå¶ÔÉϼ¶µÄ¶¨Î»¡£Èç¹ûÕâôÀí½â£¬¾ÍºÃ°ìÁË¡£
ĬÈϵÄÊôÐÔÖµ¶¼ÊÇstatic£¬¾²Ì¬¡£¾Í²»Óöà˵ÁË¡£×î¹Ø¼üµÄÊÇ
relative£¨Ïà¶Ô£©ÒÔ¼°absolute£¨¾ø¶Ô£©¡£
ÍùÍùÎÒÃÇÈç¹ûÊÇCOPY±ðÈ˵ĴúÂ룬»á°ÑabsoluteÊôÐÔÓëleft¡¢topÅäºÏÆðÀ´ÖÆ×÷Ïà¹ØµÄ“Ðü¸¡²ã”Ч¹û¡£È»¶øÓÐʱºòÎÒÃÇÐèÒªÕë¶Ôijһ¸öÈÝÆ÷µÄÐü¸¡Ð ......

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

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