鍌绘洿鏇碄^_^@

銆�銆�澶达細header

銆�銆�鍐呭锛歝ontent/container

銆�銆�灏撅細footer

銆�銆�瀵艰埅锛歯av

銆�銆�渚ф爮锛歴idebar

銆�銆�鏍忕洰锛歝olumn

銆�銆�椤甸潰澶栧洿鎺у埗鏁翠綋甯冨眬瀹藉害锛歸rapper

銆�銆�宸﹀彸涓細left right center

銆�銆�鐧诲綍鏉★細loginbar

銆�銆�鏍囧織锛歭ogo

銆�銆�骞垮憡锛歜anner

銆�銆�椤甸潰涓讳綋锛歮ain

銆�銆�鐑偣锛歨ot

銆�銆�鏂伴椈锛歯ews

銆�銆�涓嬭浇锛歞ownload

銆�銆�瀛愬鑸細subnav

銆�銆�鑿滃崟锛歮enu

銆�銆�瀛愯彍鍗曪細submenu

銆�銆�鎼滅储锛歴earch

銆�銆�鍙嬫儏閾炬帴锛歠riendlink

銆�銆�椤佃剼锛歠ooter

銆�銆�鐗堟潈锛歝opyright

銆�銆�婊氬姩锛歴croll

銆�銆�鍐呭锛歝ontent

銆�銆�鏍囩椤碉細tab

銆�銆�鏂囩珷鍒楄〃锛歭ist

銆�銆�鎻愮ず淇℃伅锛歮sg

銆�銆�灏忔妧宸э細tips

銆�銆�鏍忕洰鏍囬锛歵itle

銆�銆�鍔犲叆锛歫oinus

銆�銆�鎸囧崡锛歡uild

銆�銆�鏈嶅姟锛歴ervice

銆�銆�娉ㄥ唽锛歳egsiter

銆�銆�鐘舵�侊細status

銆�銆�鎶曠エ锛歷ote

銆�銆�鍚堜綔浼欎即锛歱artner

銆�銆�(浜�)娉ㄩ噴鐨勫啓娉�:

銆�銆�/* Footer */

銆�銆�鍐呭鍖�

銆�銆�/* End Footer */

銆�銆�(涓�)id鐨勫懡鍚�:

銆�銆�(1)椤甸潰缁撴瀯

銆�銆�瀹瑰櫒: container

銆�銆�椤靛ご锛歨eader

銆�銆�鍐呭锛歝ontent/container

銆�銆�椤甸潰涓讳綋锛歮ain

銆�銆�椤靛熬锛歠ooter

銆�銆�瀵艰埅锛歯av

銆�銆�渚ф爮锛歴idebar

銆�銆�鏍忕洰锛歝olumn

銆�銆�椤甸潰澶栧洿鎺у埗鏁翠綋甯冨眬瀹藉害锛歸rapper

銆�銆�宸﹀彸涓細left right center

銆�銆�(2)瀵艰埅

銆�銆�瀵艰埅锛歯av

銆�銆�涓诲鑸細mainbav

銆�銆�瀛愬鑸細subnav

銆�銆�椤跺鑸細topnav

銆�銆�杈瑰鑸細sidebar

銆�銆�宸﹀鑸細leftsidebar

銆�銆�鍙冲鑸細rightsidebar

銆�銆�鑿滃崟锛歮enu

銆�銆�瀛愯彍鍗曪細submenu

銆�銆�鏍囬: title

銆�銆�鎽樿: summary

銆�銆�(3)鍔熻兘

銆�銆�鏍囧織锛歭ogo

銆�銆�骞垮憡锛歜anner

銆�銆�鐧婚檰锛歭ogin

銆�銆�鐧诲綍鏉★細loginbar

銆�銆�娉ㄥ唽锛歳egsiter

銆�銆�鎼滅储锛歴earch

銆�銆�鍔熻兘鍖猴細shop

銆�銆�鏍囬锛歵itle

銆�銆�鍔犲叆锛歫oinus

銆�銆�鐘舵�侊細status

銆�銆�鎸夐挳锛歜tn

銆�銆�婊氬姩锛歴croll

銆�銆�鏍囩椤碉細tab

銆�銆�鏂囩珷鍒楄〃锛歭ist

銆�銆�鎻愮ず淇℃伅锛歮sg

銆�銆�褰撳墠鐨�: current

銆�銆�灏忔妧宸э細tips

銆�銆�鍥炬爣: icon

銆�銆�娉ㄩ噴锛歯ote

銆�銆�鎸囧崡锛歡uild

銆�銆�鏈嶅姟锛歴ervice

銆�銆�鐑偣锛歨ot

銆�銆�鏂伴椈锛歯ews

銆�銆�涓嬭浇锛歞ownload

銆�銆�鎶曠エ锛歷ote

銆�銆�鍚堜綔浼欎即锛歱artner

銆�銆�鍙嬫儏閾炬帴锛歭ink

銆�銆�鐗堟潈锛歝opyright

銆�銆�(鍥�)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