在DW,CSS样式中link，visited，hover，active这四个分别表示什么意思？ 在HTML中a:link ；a:visited ；a:hov...
\u5728DW,CSS\u6837\u5f0f\u4e2dlink\uff0cvisited\uff0chover\uff0cactive\u8fd9\u56db\u4e2a\u5206\u522b\u8868\u793a\u4ec0\u4e48\u610f\u601d\uff1flink;visited;hover;active\u89e3\u91ca\u53ca\u6b63\u786e\u987a\u5e8f\uff1a
a:link \u9009\u62e9\u5668\u8bbe\u7f6e\u6307\u5411\u666e\u901a\u7684\u3001\u672a\u88ab\u8bbf\u95ee\u9875\u9762\u7684\u94fe\u63a5\u7684\u6837\u5f0f
a:visited \u9009\u62e9\u5668\u7528\u4e8e\u8bbe\u7f6e\u6307\u5411\u5df2\u88ab\u8bbf\u95ee\u7684\u9875\u9762\u7684\u94fe\u63a5
a:active \u9009\u62e9\u5668\u7528\u4e8e\u6d3b\u52a8\u94fe\u63a5
a:hover \u9009\u62e9\u5668\u7528\u4e8e\u9009\u62e9\u9f20\u6807\u6307\u9488\u6d6e\u52a8\u5728\u4e0a\u9762\u7684\u5143\u7d20\u3002
text-decoration \u5c5e\u6027\u5927\u591a\u7528\u4e8e\u53bb\u6389\u94fe\u63a5\u4e2d\u7684\u4e0b\u5212\u7ebf\uff1a
\u4f8b\u5982\uff1aa:link{text-decoration\uff1anone;}\u770b\u5230\u522b\u4eba\u603b\u7ed3\u7684\u4e24\u70b9\u53c2\u8003\u4e0b\u8bb0\u5fc6\uff1a
\u5728CSS\u4e2d\uff0c\u5982\u679c\u5bf9\u4e8e\u76f8\u540c\u5143\u7d20\u6709\u9488\u5bf9\u4e0d\u540c\u6761\u4ef6\u7684\u5b9a\u4e49\uff0c\u5b9c\u5c06\u6700\u4e00\u822c\u7684\u6761\u4ef6\u653e\u5728\u6700\u4e0a\u9762\uff0c\u5e76\u4f9d\u6b21\u5411\u4e0b\uff0c\u4fdd\u8bc1\u6700\u4e0b\u9762\u7684\u662f\u6700\u7279\u6b8a\u7684\u6761\u4ef6\u3002
\u201c\u7231\u6068\u539f\u5219\u201d\uff08LoVe/HAte\uff09\uff0c\u5373\u56db\u79cd\u4f2a\u7c7b\u7684\u9996\u5b57\u6bcd:LVHA\u3002\u518d\u91cd\u590d\u4e00\u904d\u6b63\u786e\u7684\u987a\u5e8f\uff1aa:link\u3001a:visited\u3001a:hover\u3001a:active
\u6269\u5c55\u8d44\u6599\uff1acss\u94fe\u63a5link\u65f6\uff0c\u94fe\u63a5\u53ef\u4ee5\u4f7f\u7528\u4efb\u4f55css\u5c5e\u6027,\u5305\u62ec\u5b57\u4f53.\u989c\u8272.\u80cc\u666f\u7b49\u7b49. \u94fe\u63a5\u6709\u56db\u4e2a\u72b6\u6001,\u53ef\u5728\u56db\u4e2a\u72b6\u6001\u65f6\u8bbe\u7f6e\u4e0d\u540c\u7684\u5c5e\u6027 a:link - \u6b63\u5e38,\u672a\u8bbf\u95ee\u8fc7\u7684\u94fe\u63a5 a:visited - \u7528\u6237\u5df2\u8bbf\u95ee\u8fc7\u7684\u94fe\u63a5 a:hover -
\u5f53\u7528\u6237\u9f20\u6807\u653e\u5728\u94fe\u63a5\u4e0a\u65f6 a:active - \u94fe\u63a5\u88ab\u70b9\u51fb\u7684\u90a3\u4e00\u523b \u5f53\u4e3a\u94fe\u63a5\u7684\u4e0d\u540c\u72b6\u6001\u8bbe\u7f6e\u6837\u5f0f\u65f6,\u9700\u8981\u9075\u5faaa:hover \u5fc5\u987b\u4f4d\u4e8ea:link \u548ca:visited\u4e4b\u540e,a:active \u5fc5\u987b\u4f4d\u4e8e a:hover \u4e4b\u540e\u3002
a:link \u82f1\u6587link\u5c31\u662f\u94fe\u63a5\u7684\u610f\u601d\uff0c\u4ee3\u8868\u5f53\u4e00\u6bb5\u6587\u672c\u4e3a\u94fe\u63a5\u65f6\u7684\u5c5e\u6027\u3002
a:visited \u82f1\u6587visited\u5c31\u662f\u8bbf\u95ee\u8fc7\u7684\u610f\u601d\uff0c\u4ee3\u8868\u8fd9\u6bb5\u6587\u672c\u88ab\u70b9\u51fb\u4e4b\u540e\u7684\u5c5e\u6027\u3002
a:hover \u82f1\u6587hover\u5c31\u662f\u60ac\u505c\u7684\u610f\u601d\uff0c\u4ee3\u8868\u9f20\u6807\u6307\u9488\u653e\u5728\u8fd9\u4e2a\u94fe\u63a5\u4e0a\u65f6\u7684\u5c5e\u6027\u3002
a:active \u82f1\u6587active\u5c31\u662f\u6709\u6548\u7684\u3001\u5feb\u901f\u7684\u610f\u601d\uff0c\u4ee3\u8868\u9f20\u6807\u6309\u4e0b\u65f6\u4e00\u77ac\u95f4\u7684\u5c5e\u6027\u3002
\u4e00\u822c\u6700\u5e38\u7528\u7684\u65b9\u6cd5\u662f
a {CSS\u5c5e\u6027} a\u540e\u9762\u4ec0\u4e48\u4e5f\u6ca1\u6709\uff0c\u4ee3\u8868\u4e00\u6b21\u5b9a\u4e49\u8fd9\u56db\u4e2a\u5c5e\u6027\uff0c\u7136\u540e\u6839\u636e\u9700\u8981\u518d\u5b9a\u4e49\u5176\u4e2d\u67d0\u4e2a\u5c5e\u6027\u5c31\u53ef\u4ee5\u4e86\uff0c\u6700\u5e38\u7528\u7684\u662f
a:hover {CSS\u5c5e\u6027}
a:active \u5f88\u5c11\u5b9a\u4e49\uff0ca:visited\u6839\u636e\u5177\u4f53\u9700\u8981\u6765
新建一个A标记．
这时A标记是只能点击的．没有任何效果
在样式中设置
a:link{ 里面写样式 }正常
a:visited{ }点击
a:hover{ }鼠标经过
a:active{ }鼠标按下
你试试
这些是伪类，分别是可点击，点击后，鼠标经过和点击时的样式。
绛旓細DW鎬庝箞寮曞叆css锛焎ss鍦╤ead鏍囩閲岋紝title鏍囩涓嬩竴琛屼緥濡傦紝href閲岄潰鏄矾寰锛屽湪DW閲涓鍗婃墦鍒癶ref灏变細鏈変唬鐮佹彁绀猴紝鍥炶溅灏辫兘鍑虹幇涓涓夋嫨璺緞鐨勬銆俲s鍍忔槸jquery-1.9.1.min.js杩欐牱鐨勫彲浠ユ斁鍒板垰鍒氭垜璇寸殑css寮曞叆鐨勪唬鐮佷笅涓琛岋紝渚嬪锛氳嫢鏄姛鑳芥х殑js鏂囦欢锛堜綘鑷繁鍐欑殑锛変竴鑸斁鍒 DW鐨css鏍峰紡鎬庝箞淇濆瓨锛熼氳繃蹇嵎...
绛旓細鍒嗙被: 鐢佃剳/缃戠粶 >> 绋嬪簭璁捐 >> 鍏朵粬缂栫▼璇█ 闂鎻忚堪:琛ㄦ牸id鍛藉悕涓"nav",濡傛灉鎴戣寤虹珛涓涓css鏍峰紡,缂栬緫鍣ㄦ槸dw,閫夋嫨楂樼骇(ID,涓婁笅鏂囬夋嫨鍣ㄧ瓑),鍦ㄦ爣绛惧濉啓"#nav a:link,#nav a:visited"鐨勯珮绾ss鏍峰紡.鍦ㄨ繖閲屾湁鐨勫湴鏂逛笉鏄庣櫧,"#nav a:link,#nav a:visited"鏄惁涓娆″畾涔変袱涓珮绾ф牱寮忕殑鍛?
绛旓細浣跨敤Dreamweaver CS5鍙互瀹氫箟CSS瑙勫垯鐨勫睘鎬э紝濡傝缃瓧浣撱佹枃鏈佽儗鏅佸垪琛ㄣ侀棿璺濅互鍙婂竷灞灞炴х瓑銆傞鍏堜娇鐢―reamweaver CS5鍒涘缓鏂扮殑CSS瑙勫垯锛岀劧鍚庡彲浠ヨ缃笅闈㈢殑浠绘剰灞炴с1. 鎵撳紑鈥CSS鏍峰紡鈥濋潰鏉裤2. 鍦ㄢ滄墍閫夊唴瀹圭殑鎽樿鈥濈獥鏍间腑鍙屽嚮鏌愪竴涓睘鎬э紝鎵撳紑鈥淐SS 瑙勫垯瀹氫箟鈥濆璇濇銆傚涓嬪浘鎵绀猴細涓銆佸畾涔塁SS鐨...
绛旓細鍏朵腑bgcolor鏄儗鏅鑹 text鏄枃棰滆壊 lick鏄湭璁块棶鐨勮秴閾炬帴 vlink鏄闂悗鐨勮秴閾炬帴 alink鏄縺娲荤殑瓒呴摼鎺 <style type="text/css"> <!-- ...--> </style></head> 鏄CSS[灞傚彔鏍峰紡琛╙鍐欐硶 DW2004浠ヤ笂鐗堟湰鏀寔鑷姩灏嗗璞℃牸寮忕敓鎴怌SS 鍏跺疄浠"閰嶈壊鏂规""椤甸潰灞炴"涓ょ鎿嶄綔鐨勭洰鐨勬潵璇,鏄浉鍚岀殑,鍖哄埆...
绛旓細2銆佹ゼ涓荤殑闂锛氫綘鎯虫妸瀹冨簲鐢ㄥ埌闇瑕佺殑鍦版柟鐨勮瘽锛屽彲浠ヨ繖鏍凤紝浣犲彲浠ュ垎鍒缃甀D鎴栬卌lass锛岀劧鍚庨氳繃ID杩涜閫夋嫨鍗冲彲銆傛瘮濡傚涓嬩唬鐮侊細<a href="#">娴嬭瘯閾炬帴1<a> <a href="#">娴嬭瘯閾炬帴2<a> <a href="#" class=鈥渦rl_extra鈥>娴嬭瘯閾炬帴3</a> 鍦CSS涓鍙互鍒嗗埆瀹氫箟锛/*{鎺у埗鎵鏈堿*/ a{ color:#...
绛旓細<link href="璺緞鍜css鏍峰紡琛ㄧ殑鍚嶇О" rel="stylesheet" type="text/css"> 濡傛灉瀵瑰啓浠ｇ爜涓嶆槸寰堟祦鍒╃殑璇濆彲浠ョ敤DW 鎵嬪姩寮曞叆锛屾搷浣滄楠ゅ浘鐗囧涓嬶細閫夋嫨濂戒簡鐐瑰嚮纭灏卞彲浠ヤ簡銆傛坊鍔犲ソ浜嗕箣鍚庝綘浼氱湅鍒板氨鏄笂闈㈡墍绀虹殑浠ｇ爜锛侀偅涔堢浜岀娣诲姞css鏍峰紡鐨勬柟娉曟槸缃戦〉閲屾坊鍔燾ss鏍峰紡 <style> .header{} </style>锛...
绛旓細鎵撳紑CSS闈㈡澘-->鐐光+鈥-->鏂板缓CSS鍗冲彲
绛旓細1銆佸厛鍚姩DW杞欢锛屾柊寤烘枃妗ｏ紝鏂囨。绫诲瀷閫夋嫨銆</>HTML銆-銆怷HTML1.0銆戯紝鐒跺悗鐐瑰嚮銆愬垱寤恒戙2銆佺偣鍑诲垱寤哄悗锛孌W浼氫负涔嬪垱寤轰竴涓狧TML鏂囦欢锛屾垜浠湪body鏍囩涓姞鍏ヤ竴涓猟iv鏍囩缁勩3銆佺劧鍚庡湪div鏍囩涓緭鍏ヤ笅鍥句腑鐨勪唬鐮侊紝style浠ｈ〃浜嗚繖涓猟iv鐩存帴娣诲姞浜CSS鏍峰紡锛杩欐牱灏辨垚鍔熶簡銆傛牱寮忚鍦ㄨ嫳鏂囩殑寮曞彿涓紝鍚﹀垯鏄笉璧...
绛旓細绗笁绉嶆槸澶栭儴鏍峰紡锛灏辨槸鎶奵ss閮ㄥ垎鍋氭垚鍗曠嫭鐨刢ss鏂囦欢锛岀劧鍚庡湪html椤甸潰涓紩鐢紝姣斿 href= 鐩稿綋浜庡唴閮ㄦ牱寮忕殑浠ｇ爜閮ㄥ垎鏀惧湪鏂囦欢mystyle.css涓锛岀劧鍚庡湪杩欓噷寮曠敤銆傚閮ㄩ鏍兼渶澶х殑濂藉灏辨槸鍏朵粬html椤甸潰涔熷彲浠ラ氳繃link鐩存帴璋冪敤銆備緥濡傦紝濡傛灉鎮ㄧ殑鍑犱釜椤甸潰闇瑕佺浉浼肩殑鏍峰紡锛屽皢鐩稿悓鐨勫竷灞鍐呭鏀惧叆CSS鏂囦欢灏嗛潪甯稿悎閫傘dw...
绛旓細4銆佺劧鍚庨夋嫨绔欑偣涓凡缁忓垱寤哄ソ鐨勫悕瀛楁槸CSS鐨勬枃浠跺す锛岀劧鍚庤緭鍏ユ兂鍒涘缓鐨凜SS鐨勫悕瀛楋紙瑕佺敤鑻辨枃鍝︼級锛岀偣鍑汇愪繚瀛樸戙5銆佺劧鍚庢妸娣诲姞涓鸿缃垚銆愰摼鎺ャ戯紝鐐瑰嚮銆愮‘瀹氥戞寜閽6銆佹坊鍔犲畬鎴愬悗灏卞彲浠ュ湪鍙充晶鐨勭珯鐐逛腑鐨凜SS鏂囦欢澶逛笅鐪嬪埌鍒氬垱寤哄ソ鐨CSS鏍峰紡琛ㄦ枃浠朵簡銆7銆佸湪宸︿晶鐨勩恏ead銆戞爣绛句腑锛屽氨澶氫簡涓琛岄摼鎺ュ埌CSS鏂囦欢...
