CSSµÄclass¡¢id¡¢cssÎļþÃûµÄ³£ÓÃÃüÃû

³£ÓõÄCSSÃüÃû¹æÔò

¡¡¡¡Í·£ºheader

¡¡¡¡ÄÚÈÝ£ºcontent/container

¡¡¡¡Î²£ºfooter

¡¡¡¡µ¼º½£ºnav

¡¡¡¡²àÀ¸£ºsidebar

¡¡¡¡À¸Ä¿£ºcolumn

¡¡¡¡Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£ºwrapper

¡¡¡¡×óÓÒÖУºleft right center

¡¡¡¡µÇ¼Ìõ£ºloginbar

¡¡¡¡±êÖ¾£ºlogo

¡¡¡¡¹ã¸æ£ºbanner

¡¡¡¡Ò³ÃæÖ÷Ì壺main

¡¡¡¡Èȵ㣺hot

¡¡¡¡ÐÂÎÅ£ºnews

¡¡¡¡ÏÂÔØ£ºdownload

¡¡¡¡×Óµ¼º½£ºsubnav

¡¡¡¡²Ëµ¥£ºmenu

¡¡¡¡×Ӳ˵¥£ºsubmenu

¡¡¡¡ËÑË÷£ºsearch

¡¡¡¡ÓÑÇéÁ´½Ó£ºfriendlink

¡¡¡¡Ò³½Å£ºfooter

¡¡¡¡°æȨ£ºcopyright

¡¡¡¡¹ö¶¯£ºscroll

¡¡¡¡ÄÚÈÝ£ºcontent

¡¡¡¡±êÇ©Ò³£ºtab

¡¡¡¡ÎÄÕÂÁÐ±í£ºlist

¡¡¡¡ÌáʾÐÅÏ¢£ºmsg

¡¡¡¡Ð¡¼¼ÇÉ£ºtips

¡¡¡¡À¸Ä¿±êÌ⣺title

¡¡¡¡¼ÓÈ룺joinus

¡¡¡¡Ö¸ÄÏ£ºguild

¡¡¡¡·þÎñ£ºservice

¡¡¡¡×¢²á£ºregsiter

¡¡¡¡×´Ì¬£ºstatus

¡¡¡¡Í¶Æ±£ºvote

¡¡¡¡ºÏ×÷»ï°é£ºpartner

¡¡¡¡(¶þ)×¢Ê͵Äд·¨:

¡¡¡¡/* Footer */

¡¡¡¡ÄÚÈÝÇø

¡¡¡¡/* End Footer */

¡¡¡¡(Èý)idµÄÃüÃû:

¡¡¡¡(1)Ò³Ãæ½á¹¹

¡¡¡¡ÈÝÆ÷: container

¡¡¡¡Ò³Í·£ºheader

¡¡¡¡ÄÚÈÝ£ºcontent/container

¡¡¡¡Ò³ÃæÖ÷Ì壺main

¡¡¡¡Ò³Î²£ºfooter

¡¡¡¡µ¼º½£ºnav

¡¡¡¡²àÀ¸£ºsidebar

¡¡¡¡À¸Ä¿£ºcolumn

¡¡¡¡Ò³ÃæÍâΧ¿ØÖÆÕûÌå²¼¾Ö¿í¶È£ºwrapper

¡¡¡¡×óÓÒÖУºleft right center

¡¡¡¡(2)µ¼º½

¡¡¡¡µ¼º½£ºnav

¡¡¡¡Ö÷µ¼º½£ºmainbav

¡¡¡¡×Óµ¼º½£ºsubnav

¡¡¡¡¶¥µ¼º½£ºtopnav

¡¡¡¡±ßµ¼º½£ºsidebar

¡¡¡¡×󵼺½£ºleftsidebar

¡¡¡¡ÓÒµ¼º½£ºrightsidebar

¡¡¡¡²Ëµ¥£ºmenu

¡¡¡¡×Ӳ˵¥£ºsubmenu

¡¡¡¡±êÌâ: title

¡¡¡¡ÕªÒª: summary

¡¡¡¡(3)¹¦ÄÜ

¡¡¡¡±êÖ¾£ºlogo

¡¡¡¡¹ã¸æ£ºbanner

¡¡¡¡µÇ½£ºlogin

¡¡¡¡µÇ¼Ìõ£ºloginbar

¡¡¡¡×¢²á£ºregsiter

¡¡¡¡ËÑË÷£ºsearch

¡¡¡¡¹¦ÄÜÇø£ºshop

¡¡¡¡±êÌ⣺title

¡¡¡¡¼ÓÈ룺joinus

¡¡¡¡×´Ì¬£ºstatus

¡¡¡¡°´Å¥£ºbtn

¡¡¡¡¹ö¶¯£ºscroll

¡¡¡¡±êÇ©Ò³£ºtab

¡¡¡¡ÎÄÕÂÁÐ±í£ºlist

¡¡¡¡ÌáʾÐÅÏ¢£ºmsg

¡¡¡¡µ±Ç°µÄ: current

¡¡¡¡Ð¡¼¼ÇÉ£ºtips

¡¡¡¡Í¼±ê: icon

¡¡¡¡×¢ÊÍ£ºnote

¡¡¡¡Ö¸ÄÏ£ºguild

¡¡¡¡·þÎñ£ºservice

¡¡¡¡Èȵ㣺hot

¡¡¡¡ÐÂÎÅ£ºnews

¡¡¡¡ÏÂÔØ£ºdownload

¡¡¡¡Í¶Æ±£ºvote

¡¡¡¡ºÏ×÷»ï°é£ºpartner

¡¡¡¡ÓÑÇéÁ´½Ó£ºlink

¡¡¡¡°æȨ£ºcopyright

¡¡¡¡(ËÄ)classµÄÃüÃû:

¡¡¡¡(1)ÑÕÉ«:ʹÓÃÑÕÉ«µÄÃû³Æ»òÕß16½øÖÆ´úÂë,Èç

¡¡¡¡.red { color: red; }

¡¡¡¡.f60 { color: #f60; }

¡¡¡¡.ff8600 { color: #ff8600; }

¡¡¡¡(2)×ÖÌå´óС,Ö±½ÓʹÓÃ"font+×ÖÌå´óС"×÷ΪÃû³Æ,Èç

¡¡¡¡.font12px { font-size: 12px; }

¡¡¡¡.font9pt {font-size: 9pt; }

¡¡¡¡(3)¶ÔÆëÑùʽ,ʹÓöÔÆëÄ¿±êµÄÓ¢ÎÄÃû³Æ,Èç

¡¡¡¡.left { float:left; }

¡¡¡¡.bottom { float:bottom; }

¡¡¡¡(4)±êÌâÀ¸Ñùʽ,ʹÓÃ"Àà±ð+¹¦ÄÜ"µÄ·½Ê½ÃüÃû,Èç

¡¡¡¡.barnews { }

¡¡¡¡.barproduct { }

¡¡¡¡×¢ÒâÊÂÏî::

¡¡¡¡1.Ò»ÂÉСд;

¡¡¡¡2.¾¡Á¿ÓÃÓ¢ÎÄ;

¡¡¡¡3.²»¼ÓÖиܺÍÏ»®Ïß;

¡¡¡¡4.¾¡Á¿²»Ëõд£¬³ý·ÇÒ»¿´¾ÍÃ÷°×µÄµ¥´Ê.

¡¡¡¡Ö÷ÒªµÄ master.css

¡¡¡¡Ä£¿é module.css

¡¡¡¡»ù±¾¹²ÓÃ base.css

¡¡¡¡²¼¾Ö£¬°æÃæ layout.css

¡¡¡¡Ö÷Ìâ themes.css

¡¡¡¡×¨À¸ columns.css

¡¡¡¡ÎÄ×Ö font.css

¡¡¡¡±íµ¥ forms.css

¡¡¡¡²¹¶¡ mend.css

¡¡¡¡´òÓ¡ print.css