a 標籤的四種樣式

2022-01-11 08:03:19 字數 422 閱讀 2375

在支援 css 的瀏覽器中,鏈結的不同狀態都可以不同的方式顯示,這些狀態包括:活動狀態,已被訪問狀態,未被訪問狀態,和滑鼠懸停狀態。分別如下設定:

a:link /* 未訪問的鏈結 */

a:visited /* 已訪問的鏈結 */

a:hover /* 滑鼠移動到鏈結上 */

a:active /* 選定的鏈結,即滑鼠按下去的時候不鬆開顯示的狀態 */

注意:有時候我們發現設定了上面的屬性但是沒有效果,這是因為他們是有順序的

1、a:hover 必須被置於 a:link 和 a:visited 之後,才是有效的。

2、a:active 必須被置於 a:hover 之後,才是有效的。

總結來說就是 link、visited、hover、active。實際編寫當中我們很容易不按順序來寫,這裡需要特別注意

html標籤引入css樣式的四種方式

href css 04test.css rel stylesheet type text css head type text css import url css 04test.css style 也可以在外部檔案中匯入css檔案。標籤屬於xhtml html的過渡版本,但被所有瀏覽器相容 imp...

CSS之應用樣式的四種方式

通過link標籤鏈結的樣式表不是html文件的一部分,但是卻供文件使用。這樣的樣式表稱為外部樣式表。web瀏覽器遇到link標籤時,會查詢並載入樣式表,並渲染html文件。屬性比如 此時由於文件中關聯的兩個外部樣式表的rel均為stylesheet,因此顯示文件時會合併兩個樣式表中的規則後再應用於文...

HTML 引用Css樣式的四種方式

不才,只知道html引用css樣式有四種方式,內部引用和外部引用各兩種,因為老是忘記細節,記下了隨時翻閱亦可方便如我般的初學者 內部引用方式1 直接在標籤內用 style 引用,如 內部引用方式2 在頁面標頭檔案的標籤裡引用,如 如此話,style 標籤最好放到 外部引用方式1 用標籤,如 注意 不...