dw如何設(shè)置超鏈接(dw設(shè)置超鏈接樣式)
dw如何設(shè)置超鏈接
定義CSS的a標(biāo)簽 a:link { color: #FF0000; /*連接默認(rèn)的顏色變化*/ } a:visited { color: #0000FF; /*連接訪問(wèn)的顏色變化*/ } a:hover { color: #00FF00; /*鼠標(biāo)經(jīng)過(guò)的顏色變化*/ } a:active { color: #FFFF00; /*鼠標(biāo)按下的顏色變化*/ }
dw設(shè)置超鏈接樣式
首先寫(xiě)一個(gè)總樣式文件,定義各個(gè)元素的參數(shù),后期頁(yè)面中直接引用定義好的樣式即可。
dw設(shè)置超鏈接對(duì)象有哪些
1.這需要用到CSS中的 text-decoration 屬性
2.說(shuō)明: 這個(gè)屬性允許對(duì)文本設(shè)置某種效果,如加下劃線。如果后代元素沒(méi)有自己的裝飾,祖先元素上設(shè)置的裝飾會(huì)“延伸”到后代元素中。不要求用戶代理支持 blink。
3.具體用法: a{ text-decoration:none; } 或者把這個(gè)屬性分別加到a標(biāo)簽下, a:link{ text-decoration:none; } a:visited{ text-decoration:none; } a:hover{ text-decoration:none; } a:active{ text-decoration:none; } 可以根據(jù)自己的需要來(lái)選擇其中的一部分
dw設(shè)置超鏈接的目標(biāo)屬性
默認(rèn)就是在當(dāng)前窗口打開(kāi),不用設(shè)置 如果想設(shè)置的話 選中要連接的文字 下面輸入連接的地址 然后在目標(biāo)輸入你想要的打開(kāi)方式 _bl
dw設(shè)置超鏈接的目標(biāo)屬性出不來(lái)
創(chuàng)建超鏈接的標(biāo)簽為<A></A>,基本語(yǔ)法格式如:<a href="跳轉(zhuǎn)目標(biāo)" target="目標(biāo)窗口的彈出方式">文本或圖像</a>。
href:用于指定鏈接目標(biāo)的url地址,當(dāng)為標(biāo)簽應(yīng)用href屬性時(shí),它就具有了超鏈接的功能。
target:用于指定鏈接頁(yè)面的打開(kāi)方式,其取值有 _ self和 _ blank兩種,其中self為默認(rèn)值,意為在原窗口中打開(kāi)_blank為在新窗口中打開(kāi)。
dw設(shè)置超鏈接顏色
1.新建網(wǎng)頁(yè),在body里插入
改變鏈接顏色
,表示一個(gè)空鏈接。2.按Ctrl+J彈出頁(yè)面屬性,切換到鏈接面板,設(shè)置默認(rèn)顏色為紅色,已訪問(wèn)連接顏色為藍(lán)色。
3.點(diǎn)擊應(yīng)用-確定完成設(shè)置,頁(yè)面上多了一些樣式代碼,如下:
4.在IE里測(cè)試。
5.點(diǎn)擊鏈接,鏈接變藍(lán)。
dw設(shè)置超鏈接并在新窗口中打開(kāi)
dreamweaver里面可以通過(guò)button實(shí)現(xiàn)跳轉(zhuǎn)到另外一個(gè)頁(yè)面:
1、在原窗口打開(kāi)鏈接
<input type = "button" value = "注冊(cè)" onClick = "location = '鏈接地址'">2、在新窗口打開(kāi)鏈接
<input type = "button" value = "注冊(cè)" onClick = "window.open('鏈接地址')">
dw設(shè)置超鏈接屬性
用樣式來(lái)設(shè)置該鏈接文字顏色為黑色,樣式屬性為color:#000000;
dw設(shè)置超鏈接將整體文字放大
可以用CSS樣式來(lái)改變大小。
width:××;(絕對(duì)或相對(duì)寬度)
height:××;(高度)
dw設(shè)置超鏈接的操作方法
1、打開(kāi)dw軟件以及設(shè)置站點(diǎn),新建一個(gè)空白HTML文檔
2、點(diǎn)擊“設(shè)計(jì)”,然后隨意輸入文字
3、打開(kāi)屬性面板,將要鏈接的目的地址輸入進(jìn)來(lái),或者是直接選擇后面“文件”圖標(biāo)點(diǎn)擊進(jìn)去
4、選擇要鏈接的網(wǎng)頁(yè)HTML
5、確定之后,在dw軟件界面就可以看到剛才輸入的文字就變成了藍(lán)色字體,并且底下帶有一個(gè)橫線,按F12預(yù)覽點(diǎn)擊文字就可以跳轉(zhuǎn)到另一個(gè)網(wǎng)頁(yè)去了
dw設(shè)置超鏈接代碼
1.打開(kāi)文檔,然后打開(kāi)“CSS樣式”面板。
2.在“CSS樣式”面板中,點(diǎn)擊右下角的“新建 CSS 規(guī)則”按鈕,打開(kāi)“新建 CSS 規(guī)則”對(duì)話框, 在“選擇器類型”中選擇“復(fù)合內(nèi)容(基于選擇的內(nèi)容)”項(xiàng)。 在“選擇器名稱”中點(diǎn)擊右邊的下拉箭頭,我們可以看到: a:link:未訪問(wèn)的超鏈接。 a:visited:已經(jīng)訪問(wèn)過(guò)的超鏈接。 a:hover:鼠標(biāo)指針移動(dòng)到上面時(shí)的超鏈接。 a:active:正在訪問(wèn)的超鏈接。
3.在“選擇器名稱”中選擇“a:link”項(xiàng),然后點(diǎn)擊“確定”按鈕,打開(kāi)“CSS 規(guī)則定義”對(duì)話框。
4.在“CSS 規(guī)則定義”對(duì)話框中,在“分類”下拉框中選擇“類型”,然后在右邊“類型”部分設(shè)置鏈接字體的顏色、大小和修飾等。