第五章 對鏈結應用樣式
1.簡單的鏈結樣式
1》錨型別選擇器
a
2》偽型別選擇器
錨可以作為內部引用，也可以作為外部鏈結。
如：第乙個錨點選跳轉第二個錨位置。
skip to main content
所以可以設定偽型別：未被訪問link，已訪問過visited
a:linka:visited
懸停hover(使用時最好加上focus，使通過鍵盤移動到鏈結時有同樣效果)；
a:hover, a:focus
被啟用active(鏈結單擊時)
很多時候，會先去掉下劃線，在懸停或者單擊時顯示下劃線。
a:link, a:visiteda:hover, a:focus, a:active
注意:上面兩句順序不能顛倒，否則會覆蓋hover和active的樣式。建議順序：link/visited/hover/focus/active。
2.讓下劃線更有趣
1》使用下邊框(點線->實線)
a:link, a:visiteda:hover, a:focus, a:active
2》使用影象
a:link, a:visited
3.特殊的已訪問鏈結樣式
採用影象:
a:visited
4.未連線目標設定樣式
跳轉
a great comment by simon
跳轉後，不容易發現目標元素，所以設定目標元素的樣式（ie暫不支援，safari和firefox已經支援）
.comment:target
5.突出顯示不同型別的鏈結
對於外部鏈結，許多站點在新視窗中開啟，在沒通知使用者的情況下使使用者失去了控制能力，
所以在外部鏈結新增乙個特殊的樣式，用於區別。
如，wikipedia等站點使用乙個框右上角乙個箭頭的影象標識。
方式：可以通過給所有外部鏈結新增乙個類去設定；
通過屬性選擇器，a[href^="http://"]
(但是同樣會設定了使用絕對url而不是相對url的內部鏈結，可以將指向自己網域名稱的鏈結去掉該樣式)
同樣，可以設定其他型別的鏈結，如所有pdf鏈結a[href$=".pdf"]
《構建之法》讀書筆記05
團隊有一些共同的特點 有一致的集體目標，成員之間有各自的分工，合作完成任務。團隊一開始可能是 一窩蜂模式 都想寫出好的軟體，但是沒有各自的分工，一般不會這種模式不會存活太久。慢慢會演化成其他模式，比如 主治醫師模式 本來是不錯的模式，但是在學生身上退化為了乙個學生幹活，其餘打醬油的情況。還有比如明星...
css揭秘讀書筆記
currentcolor屬性讓hr和段落相同的顏色 div hr p裡面的hr標籤不變色 background origin padding box是背景的預設原點，background position right 10px bottom 10px 可以讓偏移，如果不支援這個屬性，可以這樣back...
《CSS世界》讀書筆記
css三無準則 無寬度 充分利用流特性 無浮動 無 無寬度與寬度分離分離準則相通 瀏覽器相容 區別 ie8僅支援單冒號的偽元素 如 element before 常用清楚浮動方式 清楚浮動 clearfix.clearfix after 需求 頁面某模組的文字內容是動態的，希望文字少的時候居中顯示，...