在DW,CSS样式中link，visited，hover，active这四个分别表示什么意思？ a：link，a：visited，a：hover，a：act...
\u5728HTML\u4e2da:link \uff1ba:visited \uff1ba:hover\uff1b a:active \uff1b\u5206\u522b\u8868\u793a\u4ec0\u4e48\u610f\u601da: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
1\u3001a\uff1alink \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
2\u3001a\uff1avisited\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
3\u3001a\uff1ahover\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
4\u3001a\uff1aactive\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
\u6269\u5c55\u8d44\u6599\uff1a
\u91cd\u70b9\u8bcd\u6c47\u7528\u6cd5\uff1aactive
adj\uff0e\uff08\u5f62\u5bb9\u8bcd\uff09
1\u3001active\u662f\u7531act\u6d3e\u751f\u7684\u5f62\u5bb9\u8bcd\uff0c\u57fa\u672c\u610f\u601d\u662f\u201c\u6d3b\u6cfc\u7684\uff0c\u6d3b\u8dc3\u7684\uff0c\u79ef\u6781\u7684\u201d\uff0c\u53ef\u6307\u4eba\uff08\u5c24\u6307\u5c0f\u5b69\u6216\u5e74\u8f7b\u4eba\uff09\u6d3b\u6cfc\uff0c\u6d3b\u8dc3\uff0c\u4e5f\u53ef\u6307\u4eba\u79ef\u6781\u5730\u4ece\u4e8b\u67d0\u9879\u6d3b\u52a8\uff0c\u5f15\u7533\u53ef\u8868\u793a\u4eba\u7684\u5934\u8111\u7075\u6d3b\uff0c\u505a\u4e8b\u60c5\u6709\u6548\u7387\uff0c\u8fd8\u53ef\u4ee5\u8868\u793a\u201c\u5728\u6d3b\u52a8\u4e2d\u7684\u201d\u201c\u5728\u8d77\u4f5c\u7528\u7684\u201d\u201c\u73b0\u884c\u7684\u201d\u201c\u73b0\u5f79\u7684\u201d\u3002
2\u3001active\u5728\u8bed\u6cd5\u672f\u8bed\u4e2d\u53ef\u8868\u793a\u52a8\u8bcd\u7684\u4e3b\u52a8\u5f62\u5f0f\u3002
3\u3001active\u5728\u53e5\u4e2d\u4e3b\u8981\u7528\u4f5c\u5b9a\u8bed\uff0c\u53ef\u4fee\u9970\u7684\u8303\u56f4\u5f88\u5e7f\uff0c\u53ef\u4ee5\u662f\u4eba\uff0c\u4e5f\u53ef\u4ee5\u662f\u7269\uff1b\u53ef\u4ee5\u662f\u5177\u4f53\u540d\u8bcd\uff0c\u4e5f\u53ef\u4ee5\u662f\u62bd\u8c61\u540d\u8bcd\u3002active\u5728\u53e5\u4e2d\u8fd8\u53ef\u7528\u4f5c\u8868\u8bed\uff0c\u5076\u5c14\u4e5f\u53ef\u7528\u4f5c\u5bbe\u8bed\u8865\u8db3\u8bed\u3002
link;visited;hover;active解释及正确顺序：
a:link 选择器设置指向普通的、未被访问页面的链接的样式
a:visited 选择器用于设置指向已被访问的页面的链接
a:active 选择器用于活动链接
a:hover 选择器用于选择鼠标指针浮动在上面的元素。
text-decoration 属性大多用于去掉链接中的下划线：
例如：a:link{text-decoration：none;}看到别人总结的两点参考下记忆：
在CSS中，如果对于相同元素有针对不同条件的定义，宜将最一般的条件放在最上面，并依次向下，保证最下面的是最特殊的条件。
“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。
再重复一遍正确的顺序：a:link、a:visited、a:hover、a:active
扩展资料：
css链接link时，链接可以使用任何css属性,包括字体.颜色.背景等等. 链接有四个状态,可在四个状态时设置不同的属性 a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover -
当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 当为链接的不同状态设置样式时,需要遵循a:hover 必须位于a:link 和a:visited之后,a:active 必须位于 a:hover 之后。
具体一点就是：
:hover版本：CSS1/CSS2 兼容性：IE4+ NS4+
语法：
Selector : hover { sRules }
说明：
设置对象在其鼠标悬停时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。
目前IE5.5+仅支持CSS1中的:hover。
:active版本：CSS1/CSS2 兼容性：IE4+
语法：
Selector : active { sRules }
说明：
设置对象在被用户激活（在鼠标点击与释放之间发生的事件）时的样式表属性。
在CSS1中此伪类仅可用于a对象。且对于无href属性（特性）的a对象，此伪类不发生作用。在CSS2中此伪类可以应用于任何对象。并且:active状态可以和:link以及:visited状态同时发生。
目前IE5.5+仅支持CSS1中的:active。
:link版本：CSS1 兼容性：IE4+ NS4+
语法：
Selector : link { sRules }
说明：
设置a对象在未被访问前的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。
对于无href属性（特性）的a对象，此伪类不发生作用。
:visited版本：CSS1 兼容性：IE4+ NS4+
语法：
Selector : visited { sRules }
说明：
设置a对象在其链接地址已被访问过时的样式表属性。
IE3将:link伪类的样式表属性作用于visited伪类。
默认值由浏览器决定。定义网页过期时间或用户清空历史记录将影响此伪类的作用。
对于无href属性（特性）的a对象，此伪类不发生作用。
link，正常状态
visited，鼠标点击后再次停留在上面的状态
hover，鼠标经过的状态
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鏂囦欢...
