今天海東科技小編就來(lái)帶領(lǐng)大家一起來(lái)學(xué)習(xí)一下網(wǎng)站鏈接字體樣式怎么設(shè)置,希望可以幫到大家。
通常鏈接樣式分為下面的四種:添加鏈接link,visted,hover,active.我們要定義頁(yè)面的鏈接樣式,所以其中必不可少的就是超級(jí)鏈接中的錨標(biāo)簽--a,錨標(biāo)簽和偽類鏈接起來(lái)書(shū)寫(xiě)的方法就是定義鏈接樣式的基礎(chǔ)方法,它們的寫(xiě)法如下:
a:link,定義正常鏈接的樣式,很多朋友發(fā)現(xiàn)添加鏈接后,原來(lái)文本的顏色會(huì)變,原因稍后再說(shuō);
a:visited,定義已訪問(wèn)過(guò)鏈接的樣式,這里我們主要用來(lái)定義已經(jīng)點(diǎn)擊后的鏈接文本的顏色;
a:hover,定義鼠標(biāo)懸浮在鏈接上時(shí)的樣式;
a:active,定義鼠標(biāo)點(diǎn)擊鏈接時(shí)的樣式,也就是鼠標(biāo)按下去的時(shí)候,鏈接顏色的變化。
整頁(yè)的鏈接樣式的設(shè)置的話,我們一般在頁(yè)面屬性里面進(jìn)行添加,我們
沈陽(yáng)網(wǎng)站制作一般使用的是DW等網(wǎng)站設(shè)計(jì)軟件,我們?cè)谠O(shè)計(jì)視窗的下面找到頁(yè)面屬性-分類里面找到鏈接-然后在右邊就可以設(shè)置我們需要的顏色了。這樣做很直觀而且我們的設(shè)計(jì)工具說(shuō)明的也很詳細(xì)。我們根據(jù)上面的說(shuō)明進(jìn)行設(shè)置就可以了。如果代碼學(xué)的好的話,我們?cè)贑SS里面直接寫(xiě)相關(guān)的代碼就可以了。不過(guò)這樣問(wèn)題就來(lái)了,往往我們發(fā)現(xiàn)在我們?cè)O(shè)置好整個(gè)頁(yè)面的鏈接樣式屬性之后,整個(gè)頁(yè)面所有有鏈接的部分的字體顏色都會(huì)變化。所以這個(gè)時(shí)候就需要對(duì)部分的鏈接的顏色進(jìn)行控制設(shè)置了。
那么通過(guò)對(duì)類與ID設(shè)置控制對(duì)應(yīng)鏈接顏色該怎么做呢?我們打開(kāi)我們的CSS,發(fā)現(xiàn)網(wǎng)頁(yè)的鏈接顏色的代碼是這樣的
a.redlink a:link {
color:#(這里是要設(shè)置的顏色比如fffffff);
text-decoration:none (表示有沒(méi)有下劃線);
}
我們?nèi)绻獙?duì)對(duì)應(yīng)的類或者ID里面的鏈接進(jìn)行設(shè)置的話,在前面加對(duì)應(yīng)的類的名稱或者ID的名稱就可以了。類的話,比如一個(gè)類叫做textlink ,那么我們?cè)诿總€(gè)樣式的a.前面加 .textlink就可以了,如果是ID比如DIV id是topnav,那么在每個(gè)樣式a. 前面加# topnav就行了。這樣我們可以把我們需要單獨(dú)定義的鏈接顏色樣式些到CSS文件里面,這樣就能夠隨意的控制了。
還有一種方法是直接定義鏈接的樣式,那樣更直接,不過(guò)調(diào)用時(shí)比較麻煩,需要給每個(gè)特定的鏈接加上定義的代碼。