濡傚浘鎵�绀虹殑鏁堟灉锛屾垜浠厛鐪嬩竴涓嬩唬鐮佺粨鏋勶細
<div id=”nav”>
聽聽聽聽<h1>CSS</h1>
聽聽聽聽聽聽聽聽<h2><a href=”#”>css鍏ラ棬</a></h2>
聽聽聽聽聽聽聽聽<h2><a href=”#”>css杩涢樁</a></h2>
聽聽聽聽聽聽聽聽<h2><a href=”#”>css楂樼骇</a></h2>
聽聽聽聽<h1>webUI</h1>
聽聽聽聽聽聽聽聽<h2><a href=”#”>鐞嗚鐭ヨ瘑</a></h2>
聽聽聽聽聽聽聽聽<h2><a href=”#”>瀹炴垬搴旂敤</a></h2>
聽聽聽聽聽聽聽聽<h2><a href=”#”>楂樼骇鎶�宸�</a></h2>
聽聽聽聽<h1>DOM</h1>
聽聽聽聽聽聽聽聽<h2><a href=”#”>DOM鍏ラ棬</a></h2>
聽聽聽聽聽聽聽聽<h2><a href=”#”>DOM搴旂敤</a></h2>
聽聽聽聽聽聽聽聽<h2><a href=”#”>DOM涓庢祻瑙堝櫒</a></h2>
聽聽聽聽<h1>XHTML</h1>
聽聽聽聽聽聽聽聽<h2><a href=”#”>鍙傝�冩墜鍐�</a></h2>
聽聽聽聽聽聽聽聽<h2><a href=”#”>浜ゆ祦璁哄潧</a></h2>
</div>
銆�銆�浠庝互涓婂彲浠ョ湅鍑猴紝杩欐鐨刋HTML閮ㄥ垎鐨勪唬鐮佹í鍚戜唬鐮佺暐鏈変笉鍚岋紝鎴戜滑娌℃湁缁х画浣跨敤ul鍜宭i鏍囩锛屽叾瀹炵户缁娇鐢╱l鍏冪礌涔熻兘瀹屽ソ鐨勫疄鐜扮旱鍚戝鑸郴缁燂紝浣嗘槸鍦ㄨ繖椋庢櫙鐐规垜浠笇鏈涙洿澶氱殑鎻愪緵涓嶅悓閫斿緞鏉ュ睍鐜癱ss鑰屽凡璁捐鐨勭伒娲讳笌鏂逛究鎬т互渚夸簬鎶涚爾寮曠帀锛屽紑鎷撴洿澶氱殑璁捐鎬濇兂銆�
銆�銆�杩欎竴娆￠噰鐢ㄧ殑鏄痙iv+h1+h2鐨勫舰寮忋�傛垜浠娇鐢╠iv鏍囩璁惧畾浜嗕竴涓鑸殑缁撴瀯鍖哄煙銆傚湪杩欎釜鍖哄煙涓垜浠娇鐢ㄤ簡h1鏉ヤ綔浜岀骇鍒嗙被鐨勬爣棰橈紝h2鏉ュ仛浜岀骇鍒嗙被涓嬮潰鐨勭粏鑺傚唴瀹广�傚湪XHTML鐨勮娉曟剰涔変腑锛宧1,h2,h3杩欎簺鏍囩鏈韩灏卞叿鏈夌敤浜庡鏂囨湰杩涜灞傜骇鍒掑垎鐨勬剰涔夛紝鐩存帴浣跨敤h1,h2鏉ヨ〃绀哄眰绾у叧绯伙紝鐩稿浜庡湪鏍囩涓姞鍏d鎴朿lass鏉ュ仛灞傜骇鐨勬爣璁版洿涓虹畝鍗曞拰鐩磋锛屽湪杩欓噷浣跨敤h1,h2鏉ユ爣璁颁笉鍚岀骇鍒殑鍒嗙被鍚嶇О涔熷疄鍦ㄦ槸鍐嶅悎閫備笉杩囦簡銆傛垜浠潵鐪嬩竴鐪媍ss浠ｇ爜鐨勮璁★細
#nav { width:100px; border-color:#c5c6c4; border-style:solid; border-width:0px 1px 1px 1px;}
#nav h1 { margin:0px; padding:4px; font-size:12px; font-weight:bold; font-family:Verdana; border-top:1px solid #c5c6c4; background-color:#CCCCCC;}
#nav h2 { margin:0px; padding:4px; font-size:12px; font-family:Verdana; font-weight:normal;}
#nav h2 a { color:#666666; text-decoration:none;}
#nav h2 a:hover { color:#999999; text-decoration:underline;}
銆�銆�鏈琧ss浠ｇ爜閮ㄥ垎閲囩敤浜嗙畝鍖栧啓娉曪紝濡傛灉鍝彞鎰忔�濈湅涓嶆噦锛屾偍鍙互鍦―reamweaver涓墦寮�閫夋嫨缂栬緫鏍峰紡琛ㄥ嵆鍙煡鐪嬪叿浣撴槸鍝竴椤逛簡锛岀浉淇＄粡杩囪繖鏍峰嚑娆＄粌涔狅紝杩欎簺浠ｇ爜鎮ㄥ凡缁忚兘瀹屽叏鐪嬫噦浜嗭紝璇存槑鎮ㄧ楂樻墜鍙堣繎浜嗕竴姝ヤ簡銆�
銆�銆�澶у鍙兘宸茬粡娉ㄦ剰鍒颁簡锛�#nav鐨勮竟妗嗘湰渚嬩腑鍙缃簡宸﹀彸涓嬪拰涓�鍍忕礌锛岃�屾病鏈変笂锛岃�屽湪h1鐨勬牱寮忛噷璁剧疆浜嗕笂閮ㄧ殑涓婂儚绱狅紵杩欐槸涓轰粈涔堝憿锛熷洜涓篽1鐨勬牱寮忎笂閮ㄩ兘鏈変竴鏉℃í绾匡紝濡傛灉nav涓婇儴鍐嶆湁涓�鏉℃í绾跨殑璇濇垚闀夸袱鏉′簡锛岀粨鏋滄樉绀哄嚭鏉ュ氨鏄袱鍍忕礌鐨勯珮搴︿簡銆�
銆�銆�濂戒簡锛屽畬鏁寸殑鏁堟灉鍙互棰勮涓�涓嬶細
[Ctrl+A 鍏ㄩ�� 娉�:寮曞叆澶栭儴Js闇�鍐嶅埛鏂颁竴涓嬮〉闈㈡墠鑳芥墽琛�
