建站中CSS樣式表常見(jiàn)的兩種使用方法

一、 去除超級(jí)鏈接的下劃線以及在超級(jí)鏈接上實(shí)現(xiàn)鼠標(biāo)懸停變色：
在默認(rèn)情況下，用DreamWeaver設(shè)計(jì)的網(wǎng)頁(yè)中的超級(jí)鏈接都有下劃線，看上去不大美觀。要去除這些討厭的下劃線,很多報(bào)刊介紹的方法都是在HTML源代碼中手工加入一段代碼，切實(shí)在DreamWeave中很輕易去除鏈接的下劃線。首先在DreamWeaver的Document Windows中隨便樹(shù)破一個(gè)鏈接，你可能看到這個(gè)鏈接會(huì)有下劃線。怎么去除這條下劃線呢
1.在點(diǎn)擊菜單欄上的"Text"|"CSS Styles"| "Edit Style Sheet…"(或者直接按快捷鍵Ctrl+shift+E),調(diào)出Edit Style Sheet(編輯款式表)對(duì)話框窗口。
2.點(diǎn)擊"New (新建)&quot；而后在"New Style (新款式)"對(duì)話框中，點(diǎn)擊"Use CSS Selector"按鈕。
3.在Selector欄中鍵入a, 而后點(diǎn)OK。
4.隨后彈出"CSS 款式定義"對(duì)話框，在Type類的decoration(裝潢)中，勾選none，而后點(diǎn)OK，再點(diǎn)Done。你將破刻在Document Windows中發(fā)明鏈接的下劃線已經(jīng)消散了。那么又怎么實(shí)現(xiàn)當(dāng)鼠標(biāo)懸停在鏈接上時(shí)鏈接變色呢?重復(fù)上述步驟中的的第
一、第二步。而后點(diǎn)選Selector旁的下拉箭頭，抉擇"a:hover",再點(diǎn)OK。在隨后彈出的 "Style definition for a: hover"對(duì)話框中，在Type類的color中任意抉擇一種色彩(比方抉擇紅色)，而后點(diǎn)OK，再點(diǎn)Done便實(shí)現(xiàn)了。按F12預(yù)覽，將鼠標(biāo)放在鏈接上，該鏈接是不是變成了紅色?假如在方才的"Style definition for a: hover"對(duì)話框中，在Backgroud(背景)類里，抉擇backgroud的色彩為綠色，那么當(dāng)你把鼠標(biāo)放在超級(jí)鏈接上時(shí)，豈但鏈接會(huì)變成紅色，而且還會(huì)有綠色的背景。事實(shí)上，通過(guò)方才的CSS 款式定義對(duì)話框，你還可能實(shí)現(xiàn)更多的特殊后果，有興趣的友人不妨去好好琢磨一下。

二、創(chuàng)建可重復(fù)利用的外部CSS款式表
用DreamWeaver在某網(wǎng)頁(yè)中創(chuàng)建了一種CSS款式后，假如你要在另外的網(wǎng)頁(yè)中利用該款式，你不必從新創(chuàng)建該CSS款式，只有你創(chuàng)建了外部CSS款式表文件(external CSS style sheet)，你便可能在今后任意調(diào)用該款式表文件中的款式。網(wǎng)站設(shè)計(jì)準(zhǔn)備工作相當(dāng)重要，這決定你建站的目的，以及日后維護(hù)網(wǎng)站，讓你的網(wǎng)站發(fā)揮作用等是相當(dāng)?shù)闹匾?。為了便于治理，先在站點(diǎn)所在文件夾中，新建一個(gè)文件夾，取名為CSS，專門(mén)用于放置外部款式表文件(其擴(kuò)大名為css)。
1、在Document Window中按Ctrl+shift+E，調(diào)出Edit Style Sheet(編輯款式表)對(duì)話框窗口
2、點(diǎn)擊"link"。
3、在彈出的Link External Style Sheet(鏈接外部款式表)對(duì)話框，點(diǎn)BROWSE，找到方才創(chuàng)建的CSS文件夾。
4、在Select Stylesheet File (抉擇款式表文件)窗口"文件名"欄中，鍵入*.css (*可能為任意名)，請(qǐng)留神，事實(shí)上此時(shí)在CSS文件夾中并無(wú)款式表文件，在"文件名"欄中鍵入的新名字將成為外部款式表新文件的名字。網(wǎng)站建設(shè)前期準(zhǔn)備包括了前期網(wǎng)站定位、內(nèi)容差異化、頁(yè)面溝通等戰(zhàn)略性調(diào)研，這些確立后，再去注冊(cè)域名、租用空間、網(wǎng)站風(fēng)格設(shè)計(jì)、網(wǎng)站代碼制作五個(gè)部分，這個(gè)過(guò)程需要網(wǎng)站策劃人員、美術(shù)設(shè)計(jì)人員、WEB程序員共同完成。昆山網(wǎng)站制造比方鍵入title.css，,而后點(diǎn)Select | OK。
5、在Edit Style Sheet(編輯款式表)對(duì)話框窗口中，會(huì)新增加 title.css (link), 雙擊它。
6、在彈出的"title.css"窗口中，點(diǎn)"New"。
7、在"New Style"對(duì)話框中，點(diǎn)選"Make Custom Style (class)"按鈕
8、在Name欄中鍵入某個(gè)名字，如myheadline,點(diǎn)OK。網(wǎng)站制作涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。不同領(lǐng)域的網(wǎng)頁(yè)設(shè)計(jì)，網(wǎng)頁(yè)圖形設(shè)計(jì)，界面設(shè)計(jì)，創(chuàng)作，其中包括標(biāo)準(zhǔn)化的代碼和專有軟件，用戶體驗(yàn)設(shè)計(jì)和搜索引擎優(yōu)化。許多人常常會(huì)分為若干個(gè)工作小組，負(fù)責(zé)網(wǎng)站不同方面的設(shè)計(jì)。
9、在接下來(lái)的"Style definition for .myheadline in title.css"對(duì)話框中，進(jìn)行字體、色彩等各種設(shè)置，實(shí)現(xiàn)后點(diǎn)OK。如還要?jiǎng)?chuàng)建新的款式，再點(diǎn)"New",重復(fù)方才的步驟6、7、8、9，最后點(diǎn)"save"| "done",于是title.css這個(gè)外部款式表文件便創(chuàng)建好了。菜單欄上的"TEXT" |"CSS Styles"子菜單中將會(huì)列出title.css中的所有款式。如要在其余網(wǎng)頁(yè)中調(diào)用這個(gè)title.css，只有重復(fù)上述1至3步，而后在Select Stylesheet File窗口"文件名"欄中輸入title.css。點(diǎn)"select"| "ok"| "done", title.css中所有的款式便會(huì)出當(dāng)初該網(wǎng)頁(yè)菜單欄上的"Text" |"CSS Styles"子菜單中，你將可能在此網(wǎng)頁(yè)中利用這些款式。
>

相關(guān)鏈接：成都網(wǎng)站建設(shè)，成都網(wǎng)站制作，成都網(wǎng)站設(shè)計(jì)，成都做網(wǎng)站，成都建網(wǎng)站，成都網(wǎng)站公司，成都網(wǎng)絡(luò)公司，muchs.cn

網(wǎng)頁(yè)標(biāo)題：建站中CSS樣式表常見(jiàn)的兩種使用方法
文章出自：http://muchs.cn/news33/308983.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、云服務(wù)器、外貿(mào)建站、標(biāo)簽優(yōu)化、企業(yè)建站、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)