首頁(yè)?>?知識(shí)?資訊?>?網(wǎng)站建設(shè)統(tǒng)一控制超鏈結(jié)。?>?正文

網(wǎng)站建設(shè)統(tǒng)一控制超鏈結(jié)。

2012/7/6 0:00:00 · 稿源:傳誠(chéng)信

網(wǎng)站建設(shè)統(tǒng)一控制超鏈結(jié)
????? 超鏈結(jié)是網(wǎng)頁(yè)設(shè)計(jì)中經(jīng)常使用的,而網(wǎng)頁(yè)的鏈接色默認(rèn)都是藍(lán)色,雖然可以更改,但單一色彩在不同背景色的網(wǎng)頁(yè)上顯示就不是那么的奏效,我們來(lái)看一下如何用CSS控制網(wǎng)頁(yè)設(shè)計(jì)實(shí)現(xiàn)不同的個(gè)性鏈接顏色。在“New Style”對(duì)話框中,選擇“Use CSS Selector”的“Type”類(lèi)型,在“Selector”下拉框中會(huì)列出“a:link(鏈結(jié)屬性)”、“a:hover(鼠標(biāo)移動(dòng)到鏈結(jié)上的屬性)”、“a:visited(鏈結(jié)被訪問(wèn)后屬性)”、“a:active(鏈結(jié)焦點(diǎn)狀態(tài)下的屬性)”4個(gè)選項(xiàng),這4個(gè)選項(xiàng)的設(shè)置會(huì)控制網(wǎng)頁(yè)設(shè)計(jì)中所有的鏈結(jié)的屬性,我們可以分別定義這4個(gè)屬性,然后添加到“CSS Style”面板中與默認(rèn)設(shè)置不同的CSS控制中,再將其“Apply”到需要改變的鏈結(jié)上就實(shí)現(xiàn)了。如果將“Hover”的字體設(shè)置的比“Link”稍微大一點(diǎn),就會(huì)出現(xiàn)鼠標(biāo)移動(dòng)到鏈接上時(shí)字體變大的效果﹗? ? 網(wǎng)站建設(shè)統(tǒng)一控制超鏈結(jié)。

網(wǎng)站建設(shè)中我們通常需要統(tǒng)一網(wǎng)頁(yè)設(shè)計(jì)整體風(fēng)格,統(tǒng)一的風(fēng)格大部分涉及到網(wǎng)頁(yè)中文字屬性、網(wǎng)頁(yè)背景色以及鏈結(jié)文字屬性等等,如果我們應(yīng)用CSS來(lái)控制這些屬性,會(huì)大大提升網(wǎng)頁(yè)設(shè)計(jì)閱覽的速度,更加統(tǒng)一網(wǎng)頁(yè)整體的設(shè)計(jì)應(yīng)用效果。為了達(dá)到修改整體網(wǎng)頁(yè)的目的,我們需要編輯一個(gè)外掛式的CSS文檔。根據(jù)這個(gè)文檔定義和修改不同CSS屬性并在網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面相同或者相似的網(wǎng)頁(yè)里應(yīng)用它,達(dá)到一個(gè)整合網(wǎng)頁(yè)設(shè)計(jì)效果。

如果遇到網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面中某個(gè)元素,比如突出顯示的文字的字體、字號(hào)以及顏色要怎么辦﹗ 這里我們就需要再定義一個(gè)新的CSS樣式單來(lái)對(duì)其進(jìn)行控制,右鍵點(diǎn)擊頁(yè)面編輯區(qū),在彈出快捷選單中點(diǎn)擊“CSS Style/Edit Style Sheet”命令,彈出“Edit Style Sheet”對(duì)話框,選擇列表中的all.css,點(diǎn)擊“New”按鈕,在彈出的“New Style”對(duì)話框中選擇“Make Custom Style(class)”的“Type”類(lèi)型定義一個(gè)自己偏好的CSS控制。如果想更改頁(yè)面中某一元素的屬性,選中它然后右鍵單擊“CSS Styles”面板中“Apply Styles”中剛才定義的CSS,執(zhí)行“Apply”命令就可以了。


名詞說(shuō)明︰CSS即層疊樣式表(Cascading Style Sheet)是在網(wǎng)頁(yè)設(shè)計(jì)制作過(guò)程中普遍用到的專(zhuān)業(yè)技術(shù)。采用了CSS技術(shù)控制的網(wǎng)頁(yè)設(shè)計(jì),設(shè)計(jì)者會(huì)更輕松、有效地對(duì)頁(yè)面的整體架構(gòu)、顏色、字體、鏈接、背景以及同一頁(yè)面的不同部分、不同網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面的外觀和格式等效果實(shí)現(xiàn)更加精確地控制。Dreamweaver MX推出后,其改進(jìn)的CSS設(shè)計(jì)工具、透過(guò)增強(qiáng)CSS面版清晰顯示內(nèi)、外部定義的樣式,讓用戶(hù)建構(gòu)出符合最新CSS標(biāo)準(zhǔn)的網(wǎng)站。


本文作者來(lái)自北京傳誠(chéng)信,轉(zhuǎn)載請(qǐng)注明出處:北京傳誠(chéng)信(m.jzztb.org.cn


選擇北京網(wǎng)站建設(shè)公司-傳誠(chéng)信,優(yōu)質(zhì)服務(wù),絕對(duì)不容錯(cuò)過(guò) !
1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
(配送雙線獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:

免費(fèi)網(wǎng)絡(luò)營(yíng)銷(xiāo)顧問(wèn):我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷(xiāo)顧問(wèn)服務(wù),您需要了解關(guān)于如何開(kāi)展網(wǎng)絡(luò)營(yíng)銷(xiāo),電子商務(wù)網(wǎng)站設(shè)計(jì)等的事宜,歡迎隨時(shí)聯(lián)系我們。

seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計(jì)外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動(dòng)生成,靜態(tài)頁(yè)面生成等等,讓您的網(wǎng)站。

免費(fèi)網(wǎng)絡(luò)營(yíng)銷(xiāo)培訓(xùn):如何更好的投放網(wǎng)絡(luò)廣告,如何提高網(wǎng)絡(luò)廣告的投資回報(bào),如何發(fā)帖子,
如何優(yōu)化網(wǎng)站,我們有豐富的經(jīng)驗(yàn)開(kāi)放給您!祝君成功!



  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶(hù)服務(wù)
咨詢(xún)熱線

010-62199213

24小時(shí)咨詢(xún)熱線

139-1050-5354