第6課 鏈結

2022-03-22 13:23:29 字數 2305 閱讀 3648

你在前面幾課學到的屬性也可以應用到鏈結上(比如修改顏色、字型、新增下劃線等)。但不同的是,css允許你根據鏈結是未訪問的、已訪問的、活動 的、是否有滑鼠懸停等分別定義不同的屬性。這樣,我們便可為**增添奇特而有用的效果。你需要通過偽類(pseudo-class)來控制這些效果。

偽類(pseudo-class)令你可以在為html元素定義css屬性的時候將條件和事件考慮在內。

我們來看乙個例子。正如你所知道的,在html裡,鏈結是通過a元素來定義的。因此,在css裡,我們可以將a作 為乙個選擇器(selector):

a

乙個鏈結可以有不同的狀態。例如,它可以是已訪問過的,也可以是未訪問過的。你可以通過偽類分別為訪問過的鏈結和未訪問過的鏈結設定不同的樣式。

a:link

a:visited

為未訪問過的鏈結和已訪問過的鏈結分別使用偽類a:linka:visited。活動的鏈 接對應的偽類為a:active,有滑鼠懸停的鏈結對應的偽類為a:hover

我們將逐個解釋這四個偽類,並給出示例。

偽類:link用於瀏覽者從未訪問過的鏈結。

在下面的示例**中,我們將未訪問過的鏈結設為淺藍色。

a:link

a:visited

偽類:active用於活動的鏈結(即獲得當前焦點的鏈結)。

a:active

偽類:hover用於有滑鼠懸停的鏈結。

a:hover

為鏈結設定懸停效果十分流行。所以,我們將多看幾個:hover偽類的例子。

我們在第5課學過,可 以用letter-spacing屬性來調整字元間距。現在為了取得特殊效果,我們將它應用到鏈結上:

a:hover

同樣在第5課我們學 過,可以通過text-transform屬性來轉換字母的大小寫。這也可用於為鏈結製造效果:

a:hover

通過上面兩個例子你會發現,我們可以通過屬性的組合創造出無數種效果。你可以建立自己的效果——試試吧!

如何去掉鏈結的下劃線是乙個常見的問題。

關於是否去掉鏈結的下劃線,你必須仔細考慮清楚,因為這有可能嚴重降低**的易用性(usability)。人 們已經習慣於蘭色有下劃線的鏈結了,他們看到它就知道那是可以點選的。甚至連我母親都知道這一點!如果你去掉鏈結的下劃線或修改鏈結的字型顏色的話,這很 有可能會令使用者感到困惑、並因此不能充分享用你**上的內容。

儘管如此,去掉鏈結的下劃線是非常容易的。你肯定記得我們在第5課學過text-decoration屬 性,它可用於決定是否給文字新增下劃線。要去掉下劃線,只要把text-decoration屬性的值設為none就行了。

a

除此以外,text-decoration屬性也可以與其它屬性一起應用在偽類上。

a:link

a:visited

a:active

a:hover

在這一課,你學習了偽類,並且還運用了一些之前學到的屬性。也許這已經令你對css的強大功能領略一二了。

在下一課,我們將向你 介紹如何為特定元素或一組元素定義屬性。

第6課 選單

1 頂層選單預設都是pop up,即彈出式選單,不能響應命令。2.當對某選單新增訊息響應函式時,4 個類的訊息響應優先次序分別是 為什麼?請參閱 深入淺出 3.訊息分類 a 標準訊息 以 wm 開頭的訊息,但不包括wm command 從cwnd派生的類,可以接受這類訊息。b 命令訊息 on com...

第6題 泥塑課

小公尺是乙個幼兒園老師,每學期的泥塑課上,她都會給每個學生發不超過250立方厘公尺的等量橡皮泥,教大家做泥塑。在上課過程中,她發現每個班都恰好有乙個小朋友會去搶另乙個小朋友的橡皮泥,於是她決定,在正式開始做泥塑前,讓大家把手裡的橡皮泥都捏成乙個立方體,並且測量手裡捏好的橡皮泥的長 寬和高。這樣,她就...

第6課 終止執行緒

關閉核心物件 closehandler 如果不關閉控制代碼的話,可能造成資源洩露 掛起執行緒 suspendthread 可以掛起127次執行緒 掛起執行緒n次就需要恢復執行緒n次,但是不會大於127次 終止執行緒 exitthread該函式將終止執行緒的執行,並導致作業系統清除該執行緒使用的所有作...