初學css(02)

CSS 字體屬性

在這裏插入圖片描述
1em 等於當前的字體尺寸。
使用 font-family 屬性 定義文本的字體系列。

  • 這樣的規則同時會產生另外一個問題,如果用戶代理上沒有安裝 Georgia 字體,就只能使用用戶代理的默認字體來顯示 h1 元素。
    我們可以通過結合特定字體名和通用字體系列來解決這個問題:
    h1 {font-family: Georgia, serif;}

設置鏈接的樣式

能夠設置鏈接樣式的 CSS 屬性有很多種(例如 color, font-family, background 等等)。

鏈接的特殊性在於能夠根據它們所處的狀態來設置它們的樣式。

鏈接的四種狀態:

a:link - 普通的、未被訪問的鏈接
a:visited - 用戶已訪問的鏈接
a:hover - 鼠標指針位於鏈接的上方
a:active - 鏈接被點擊的時刻
(編寫的屬性會按順序繼承)
a:hover 必須位於 a:link 和 a:visited 之後
a:active 必須位於 a:hover 之後

css列表

CSS2.1 可以確定標誌出現在列表項內容之外還是內容內部。這是利用 list-style-position 完成的。
有時,常規的標誌是不夠的。你可能想對各標誌使用一個圖像,這可以利用 list-style-image 屬性做到:
ul li {list-style-image : url(xxx.gif)}

CSS 表格

table, th, td
{
border: 1px solid blue;
}
請注意,上例中的表格具有雙線條邊框。這是由於 table、th 以及 td 元素都有獨立的邊框。
border-collapse 屬性設置是否將表格邊框摺疊爲單一邊框:
在這裏插入圖片描述

CSS 輪廓

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章