導航:首頁 > 萬維百科 > 網頁設計DW怎麼設置CSS樣式懸停

網頁設計DW怎麼設置CSS樣式懸停

 發布時間：2021-03-11 19:55:19

1、Dreamweaver網頁設置如果運用CSS樣式做出滑鼠經過文字，文字變色？ 求高手解答！~

a{color:block;}
a:hover{color:red}

2、html css 網頁設計 a:link ,a:visited,a:hover, 怎麼 添加行內樣式

a:link，a:visited，a:hover，貌似不可以用行內樣式表示哦。

可以用內部樣式：

<style>
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}
</style>

也可以用css文件中的外部樣式：

<link rel="stylesheet" type="text/css" href="test.css"></link>
test.css文件里：
    a:link {color:blue}
    a:visited{color:red} 
    a:hover {color:yellow}

但是貌似不可以用行內樣式的。

如果一定要用，可以這樣的方式來：

<a href="javascript:void(0);" onmouseover="this.style.color='yellow';" onmouseout="this.style.color='blue';" onclick="this.style.color='red';">鏈接</a>

其中，onmouseout對應的a:link，onclick對應的a:visited，onmouseover對應的a:hover

3、Dreamweaver中的css樣式怎麼設置

Dreamweaver中CSS面板的設置步驟：

首先這里我們是需要你新建一個HTML文檔的，這里我們直接打開工具，之後選擇新建HTML即可

建立完畢之後這里我們使用快捷鍵，Shift+F11隨後我們就可以看到CSS面板

在面板中用滑鼠右擊之後選擇裡面的「新建」，之後會彈出新建CSS規則表格，將選擇類型設置~為類，名稱設置為~測試，定義在~僅對該文檔，點擊「確定」。隨後彈出圖下中所示的測試CSS規則定義。

在css定義框中我們是可以看到。類型 背景 區塊  方框 邊框  列表  定位 擴展。在類型框中將字體大小，樣式、行高等進行設置

隨後是個背景的設置，這里我們是可以設置背景顏色和背景圖像的，這里還可以設置區塊模式，定位，列表等都是可以通過自己的設置而變得美化的。

設置完畢，輸入內容我們就可以看到我們設置的結果。

4、dreamweaver中如何使用CSS樣式

應該是你的路徑中含有中文或者特殊字元，dw中可以識別，但在瀏覽器顯示的時候路徑無法識別。嘗試將路徑用英文表示試試

5、Dreamweaver網頁設置,如果運用CSS樣式套用，設置滑鼠經過文字鏈接！文字變色？

在CSS裡面寫文字連接的樣式即可.
a:hover{ color:#666;} 滑鼠移上去顏色變灰,滑鼠移走即變回原來的顏色.
一般都按順序寫:
a:link {} 對象未被訪問前的樣式
a:hover {} 設置對象在滑鼠懸停時的樣式
a:active {} 置對象在被用戶激活（在滑鼠點擊與釋放之間發生的事件）時的樣式
a:visited {} 置a對象在其鏈接地址已被訪問過時的樣式

一般寫法順序是這樣.

6、如何在Dreamweaver中設置CSS樣式，具體過程怎麼操作？

切換到代碼模式，找到<head></head>

然後在裡面寫
<style type="text/css">
*{
background:#000;/*背景色*/
color:#ff0000;/*頁面中的字體顏色*/
line-height:21px;/*頁面中的行高*/
}
</style>

以上是個簡單的例子
隨著樣式里的數值變化，來控制網頁的樣子，有興趣可以學學：）

7、在DW,CSS樣式中link，visited，hover，active這四個分別表示什麼意思？

link;visited;hover;active解釋及正確順序：

a:link 選擇器設置指向普通的、未被訪問頁面的鏈接的樣式

a:visited 選擇器用於設置指向已被訪問的頁面的鏈接

a:active 選擇器用於活動鏈接

a:hover 選擇器用於選擇滑鼠指針浮動在上面的元素。

text-decoration 屬性大多用於去掉鏈接中的下劃線：

例如：a:link{text-decoration：none;}看到別人總結的兩點參考下記憶：

在CSS中，如果對於相同元素有針對不同條件的定義，宜將最一般的條件放在最上面，並依次向下，保證最下面的是最特殊的條件。

「愛恨原則」（LoVe/HAte），即四種偽類的首字母:LVHA。
再重復一遍正確的順序：a:link、a:visited、a:hover、a:active 

(7)網頁設計DW怎麼設置CSS樣式懸停擴展資料：

css鏈接link時，鏈接可以使用任何css屬性,包括字體.顏色.背景等等. 鏈接有四個狀態,可在四個狀態時設置不同的屬性 a:link - 正常,未訪問過的鏈接 a:visited - 用戶已訪問過的鏈接 a:hover -

當用戶滑鼠放在鏈接上時 a:active - 鏈接被點擊的那一刻 當為鏈接的不同狀態設置樣式時,需要遵循a:hover 必須位於a:link 和a:visited之後,a:active 必須位於 a:hover 之後。

8、DW中怎麼添加CSS效果

一般有四種方法:
1.<p style="color: sienna;margin-left: 20px;">
直接把樣式寫在代碼中格式是style=""
</p>
2.<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">鏈接外部css文件,mystyle.css改成你的css路徑
3.寫到頁面頭部<head></head>之間
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
4.<style type=」text/css」>
<!--
@import 「mystyle.css」
其他樣式表的聲明
-->
</style> 用import導入css文件
其中第二種跟第三種方法比較常用!

9、DW中怎麼添加CSS樣式

1、先啟動DW軟體，新建文檔，文檔類型選擇【</>HTML】-【XHTML1.0】，然後點擊【創建】。

2、點擊創建後，DW會為之創建一個HTML文件，我們在body標簽中加入一個div標簽組。

3、然後在div標簽中輸入下圖中的代碼，style代表了這個div直接添加了CSS樣式，這樣就成功了。樣式要在英文的引號中，否則是不起作用的。

10、用DW製作網頁時，如何為同一頁面中不同層的鏈接文字設置不同的滑鼠懸停樣式

.樣式名 a:hover{color:#ff0000；text-decoration；}
調用不同的樣式就可以。不同的樣式就像上面那樣定義不同的屬性就可以了。

與網頁設計DW怎麼設置CSS樣式懸停相關的知識