當前位置: 首頁 > 網(wǎng)絡(luò)營銷專題

網(wǎng)絡(luò)營銷專題

說說網(wǎng)站制作中鏈接字體顏色的設(shè)置

來源: 上海網(wǎng)站制作    發(fā)布日期: 2014-09-15 16:28    點擊量: 7109

     最近,一些初學(xué)網(wǎng)站建設(shè)的朋友問起了關(guān)于連接字體顏色的設(shè)置方面的問題。這些都是筆者在初學(xué)網(wǎng)站設(shè)計的時候遇到的,筆者回憶總結(jié)了下,供廣大網(wǎng)站建設(shè)行業(yè)的新手朋友們參考。

 

     1,網(wǎng)站鏈接字體樣式

 

     我們知道,鏈接樣式分為下面的四種:添加鏈接link,visted,hover,active.

     我們要定義頁面的鏈接樣式,所以其中必不可少的就是超級鏈接中的錨標簽--a,錨標簽和偽類鏈接起來書寫的方法就是定義鏈接樣式的基礎(chǔ)方法,它們的寫法如下:
     a:link
,定義正常鏈接的樣式,很多朋友發(fā)現(xiàn)添加鏈接后,原來文本的顏色會變,原因稍后再說;
     a:visited
,定義已訪問過鏈接的樣式,這里我們主要用來定義已經(jīng)點擊后的鏈接文本的顏色;
     a:hover
,定義鼠標懸浮在鏈接上時的樣式;
     a:active
,定義鼠標點擊鏈接時的樣式,也就是鼠標按下去的時候,鏈接顏色的變化。

 

     2,整頁的鏈接樣式設(shè)置

 

     做網(wǎng)站的時候,我們一般在頁面屬性里面進行添加,我們網(wǎng)站制作一般使用的是DW等網(wǎng)站設(shè)計軟件,我們在設(shè)計視窗的下面找到頁面屬性-分類里面找到鏈接-然后在右邊就可以設(shè)置我們需要的顏色了。這樣做很直觀而且我們的設(shè)計工具說明的也很詳細。我們根據(jù)上面的說明進行設(shè)置就可以了。如果代碼學(xué)的好的話,我們在CSS里面直接寫相關(guān)的代碼就可以了。不過這樣問題就來了,往往我們發(fā)現(xiàn)在我們設(shè)置好整個頁面的鏈接樣式屬性之后,整個頁面所有有鏈接的部分的字體顏色都會變化。所以這個時候就需要對部分的鏈接的顏色進行控制設(shè)置了。

 

     3,通過對類與ID設(shè)置控制對應(yīng)鏈接顏色

 

     我們打開我們的CSS,發(fā)現(xiàn)網(wǎng)頁的鏈接顏色的代碼是這樣的

     a.redlink a:link {
     color:#
(這里是要設(shè)置的顏色比如fffffff;
     text-decoration:none (
表示有沒有下劃線);
     }

 

     我們?nèi)绻獙?yīng)的類或者ID里面的鏈接進行設(shè)置的話,在前面加對應(yīng)的類的名稱或者ID的名稱就可以了。類的話,比如一個類叫做textlink ,那么我們在每個樣式的a.前面加 .textlink就可以了,如果是ID比如DIV idtopnav,那么在每個樣式a. 前面加# topnav就行了。這樣我們可以把我們需要單獨定義的鏈接顏色樣式些到CSS文件里面,這樣就能夠隨意的控制了。

還有一種方法是直接定義鏈接的樣式,那樣更直接,不過調(diào)用時比較麻煩,需要給每個特定的鏈接加上定義的代碼。

 

     網(wǎng)站制作的知識點很多,我們在學(xué)習(xí)的時候肯定會碰到各種各樣的問題,一方面需要我們勤學(xué)好問,遇到不懂的地方就記下來問有經(jīng)驗的網(wǎng)站設(shè)計師,一方面,我們要有耐心信心。一旦我們學(xué)會之后,那種快樂是只有我們自己能夠體會的享受到的。

 

     本文由上海藝覺網(wǎng)絡(luò)科技有限公司(http://dcbbl.cn)原創(chuàng)編輯轉(zhuǎn)載請注明。

相關(guān)新聞

CONTACT USCAREERSFOODSERVICEPRESSPRIVACY POLICY
? 2014 yijueweb. All rights reserved.
?