臺(tái)州網(wǎng)站建設(shè)建站中CSS樣式表常見(jiàn)的兩種使用方法是什么，相信對(duì)于自己建站的朋友來(lái)說(shuō)，肯定是有過(guò)這樣的技術(shù)問(wèn)題的，下面就來(lái)一起看看吧!
一、去掉超鏈接的下劃線，實(shí)現(xiàn)鼠標(biāo)在超鏈接上的變色:
關(guān)于網(wǎng)站建設(shè)制作，默認(rèn)情況下，使用DreamWeaver設(shè)計(jì)的網(wǎng)頁(yè)中的超鏈接帶有下劃線，這使得它們看起來(lái)不吸引人。為了去掉這些煩人的下劃線，很多報(bào)刊雜志都引入了在HTML源代碼中手工添加一段代碼的方法。事實(shí)上，在DreamWeave中去掉下劃線鏈接很容易。首先，在DreamWeaver的DocumentWindows中創(chuàng)建一個(gè)鏈接，您可以看到這個(gè)鏈接將帶有下劃線。如何刪除此下劃線?
1.單擊“文本”|“CSS樣式”|“編輯樣式表…”在菜單欄上(或直接按快捷鍵Ctrl+shift+E)調(diào)出編輯樣式表對(duì)話框窗口。
2.單擊“新建”，關(guān)于網(wǎng)站模板，然后在“新聞樣式”對(duì)話框中，單擊“使用樣式選擇器”按鈕。
3.在“選擇器”列中鍵入一個(gè)，然后單擊“確定”。
4.然后彈出“CSS樣式定義”對(duì)話框。在“類型”類的裝飾中，選中“無(wú)”，然后單擊“確定”，然后單擊“完成”。您會(huì)立即發(fā)現(xiàn)鏈接的下劃線在文檔窗口中消失了。那么鼠標(biāo)懸停在鏈接上怎么改變顏色呢?重復(fù)上述步驟中的靠前步和第二步。然后單擊選擇器旁邊的下拉箭頭，選擇“a:懸?！?，然后單擊確定。在稍后彈出的“樣式定義:懸停”對(duì)話框中，選擇類型類顏色中的任何顏色(例如，選擇紅色)，然后單擊“確定”，然后單擊“完成”。按F12預(yù)覽，將鼠標(biāo)放在鏈接上。鏈接變紅了嗎?如果剛才“Styledefinitionfora:hover”對(duì)話框中Backgroud的顏色是綠色，那么當(dāng)你把鼠標(biāo)放在超鏈接上時(shí)，鏈接不僅會(huì)變成紅色，還會(huì)有綠色的背景。其實(shí)通過(guò)剛才的CSS樣式定義對(duì)話框，可以達(dá)到更多的特效。有興趣的朋友不妨考慮一下。
二、創(chuàng)建可重用的外部CSS樣式表。
使用DreamWeaver在網(wǎng)頁(yè)中創(chuàng)建CSS樣式后，如果您想在另一個(gè)網(wǎng)頁(yè)中應(yīng)用該樣式，您不必從頭開(kāi)始創(chuàng)建CSS樣式。只要?jiǎng)?chuàng)建一個(gè)externalCSSstylesheet文件，以后就可以隨意調(diào)用樣式表文件中的樣式。為了方便管理，在站點(diǎn)所在的文件夾中新建一個(gè)名為css的文件夾，專門(mén)用來(lái)放置外部樣式表文件(帶有CSS擴(kuò)展名)。
1.在文檔窗口中按Ctrl+shift+E，彈出編輯樣式表對(duì)話框。
2.點(diǎn)擊“鏈接”。
3.在彈出的LinkExternalStyleSheet對(duì)話框中，單擊BROWSE找到剛剛創(chuàng)建的CSS文件夾。
4.類型*。關(guān)于自助建站，“選擇樣式表文件”窗口的“文件名”列中的css(*可以是任何名稱)。請(qǐng)注意，此時(shí)CSS文件夾中沒(méi)有樣式表文件，在“文件名”欄中鍵入的新名稱將成為新的外部樣式表文件的名稱。例如，鍵入title.css，然后單擊“選擇”|“確定”。
5.在編輯樣式表對(duì)話框窗口中，title.css(鏈接)將被新添加，雙擊它。
6.在彈出的“標(biāo)題.css”窗口中，點(diǎn)擊“新建”。
7、在“新聞樣式”對(duì)話框中，點(diǎn)擊“制作自定義樣式(類)”按鈕。
8.在“名稱”列中鍵入一個(gè)名稱，如“我的標(biāo)題”，然后單擊“確定”。
9.在下一個(gè)對(duì)話框中。我的標(biāo)題標(biāo)題。CSS"，進(jìn)行字體、顏色等各種設(shè)置，完成后點(diǎn)擊確定。如果要?jiǎng)?chuàng)建新樣式，單擊“新建”，重復(fù)步驟6、7、8、9，后單擊“保存”|“完成”，這樣就創(chuàng)建了外部樣式表文件title.css。在菜單欄上，title.css中的所有樣式都將列在“TEXT”|“CSSstyle”子菜單中。要在其他網(wǎng)頁(yè)中調(diào)用這個(gè)title.css，只需重復(fù)上述步驟1到3，然后在SelectStylesheetFile窗口的“文件名”列中輸入title.css。單擊“選擇”|“確定”|“完成”，title.css中的所有樣式將出現(xiàn)在此網(wǎng)頁(yè)菜單欄上的“文本”|“CSSstyle”子菜單中，您將能夠在此網(wǎng)頁(yè)中應(yīng)用這些樣式。
以上就是關(guān)于建站中CSS樣式表常見(jiàn)的兩種使用方法是什么的介紹，希望對(duì)您有幫助!
