Chapter 9 鏈接, 創(chuàng)建menu

鏈接樣式的順序

LoVe/HAte
必須使用以下順序定義,才能全都生效

a:link { color: #f60;}
a:visited {color: #900;}
a:hover {color:#f33;}
a:active { color: #b2f511;}

如果改變以上順序, hover和active狀態(tài)將不起作用
因?yàn)樗麄兊臋?quán)重是一樣的,誰出現(xiàn)在后面誰勝出

按鈕生成器

http://css3button.net
*http://hellohappy.org/css3-buttons
http:///webdesignerwall.com/tutorials/css3-gradient-buttons

創(chuàng)建彈出式菜單

http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu
http://red-team-design.com/css3-animated-dropdown-menu/
http://purecssmenu.com
https://gitbub.com/dansdom/plugins-navigation
http://css.maxdesign.com.au/listutorial
http://css.maxdesign.com.au/listamatic

圖標(biāo)預(yù)加載替換

在before 或者after 偽元素中加入的url(.../image.jpg) 會(huì)等到hover上去 才加載,
解決方案: 把要用到的圖都放到一張圖里面,使用background-postion 來實(shí)現(xiàn)換圖

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 大部分的后端會(huì)很很鄙視前端。我也不知道為什么,可能大部分人都會(huì)覺得腳本語言根本不算語言。 大多人 會(huì)叫我們切圖仔,...
    小黑的眼閱讀 3,610評(píng)論 0 15
  • 作為一個(gè)前端程序猿,下面這些站會(huì)讓你眼前一亮。 amazeui框架組建豐富 http://amazeui.org...
    歐巴冰冰閱讀 9,040評(píng)論 18 303
  • 學(xué)習(xí)堅(jiān)持星球演講,每天有要讀晚講,有英語和漢語雙語,學(xué)習(xí)微課。 易口說英語每天打卡。自己是團(tuán)長(zhǎng),為其他學(xué)員做統(tǒng)計(jì)。...
    lijutong_010閱讀 249評(píng)論 2 0
  • 昨天因?yàn)槊]來得及給孩子檢查作業(yè),今天晚上飯后看了一下,不看不要緊,一看真是要?dú)庹恕?shù)學(xué)口算題大片的錯(cuò),語...
    昊天媽媽閱讀 255評(píng)論 2 0

友情鏈接更多精彩內(nèi)容