99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

調(diào)整CSS類型的順序改變鏈接翻滾效果

天極網(wǎng) 2007/12/12 19:44:00 深山行者 字體: 瀏覽 5998
通過指定每一鍵接的不同風格以建立CSS翻滾效果,這些鏈接包括普通的鏈接link (normal), 訪問,翻轉(zhuǎn),以及激活。并且,你可能也知道CSS類型的順序可以產(chǎn)生效果上的差別,CSS代碼后順序的風格將會取代針對于相同元素的前順序的風格。建立翻滾效果的類型順序顯得相當重要。

  現(xiàn)在讓我們看看如何安排鏈接狀態(tài)的類型在不產(chǎn)生沖突的情況下支持正常的翻滾效果,并且如何重新安排這些類型順序以獲得不同的翻滾效果。

  鏈接狀態(tài)

  典型的CSS翻滾效果依賴于超鏈接中四個狀態(tài)之一的獨立類型。可以建立附帶CSS預先類的(超鏈接)類型以指定鏈接狀態(tài):

  a:link——常規(guī),非訪問超鏈接

  a:visited——訪問超鏈接

  a:hover——訪問者操作鼠標通過時的鏈接

  a:active——點擊鏈接

  為了能夠使典型的CSS翻滾效果正常工作,CSS代碼中的CSS類型順序顯得非常重要,無論它是一個外部類型表格或者是嵌入在HIML頁標題欄中的類型規(guī)則。

  a:link類型出現(xiàn)的時間為最早,因為它可應用于所有的鏈接。a:visited類型排第二,它將取代任何鏈接的a:link格式。(如果a:link類型緊跟著的是a:visited,a:link可能會取代a:visited類型。)其次是a:hover類型,此類型只應用于訪問鼠標下的鏈接。最后是a:active,所以,當鏈接被點擊時,它可以取代所有其它的類型。

以下是引用片段:
  a:link { 
  color: #0000FF; 
  text-decoration: underline; 
  font-weight: normal; 
  font-style: normal; 
  } 
  a:visited { 
  color: #3399FF; 
  text-decoration: underline; 
  background-color: #FFFFFF; 
  font-weight: normal; 
  font-style: italic; 
  } 
  a:hover { 
  color: #0000FF; 
  text-decoration: underline; 
  background-color: #FFFF00; 
  font-weight: bold; 
  font-style: normal; 
  } 
  a:active { 
  color: #FF0000; 
  text-decoration: none; 
  background-color: #CCCCCC; 
  font-weight: bold; 
  font-style: normal; 
  } 

  在CSS代碼中的類型順序確定了每一種類型如何取代其它的類型,即更多的類型可以應用到特定的元素。正常情況下,a:hover類型處于a:link和a:visited類型之后,所以hover狀態(tài)的類型可以應用于常規(guī)和訪問的鏈接。但是,它也并非必須遵循這一方式,你可以改變類型順序?qū)崿F(xiàn)不同的效果。

  假設你想在非訪問鏈接中使用翻滾效果,但不想影響到其它訪問鏈接,你或許想到通過代碼來處理這種外形上改變,然而你所要做的是重新組織CSS代碼。

  從訪問鏈接中移除翻滾效果,可以通過很簡單地移除a:visited類型。

  注意,a:visited類型中包含指定所有與a:hover相同屬性的規(guī)則,否則,當訪問者的鼠標通過一個訪問鏈接時,沒有被a:visited類型取代的任何a:hover類型屬性將會繼續(xù)再現(xiàn)。

相關閱讀
純CSS制作的網(wǎng)頁中的lightbox效果
ASP漢字轉(zhuǎn)拼音,支持自定義特殊詞語
使用uiautomatorviewer連接模擬器頁面報錯No Android devices were detected by adb.
asp利文本文檔加FSO統(tǒng)計網(wǎng)站訪問量的方法(2)
expression為什么性能差?[轉(zhuǎn)帖]
連云港看網(wǎng)
常用CSS縮寫語法總結(jié)
ASP.Net 2.0中的5個數(shù)據(jù)控件
共有0條關于《調(diào)整CSS類型的順序改變鏈接翻滾效果》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內(nèi)容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現(xiàn)放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數(shù)字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
強制轉(zhuǎn)載文章者加上你的文章出處
關于SQL2008 “不允許保存更改。您所做的更改要求刪除并重新創(chuàng)建以下表。您對無法重新創(chuàng)建的標進行了更改或者啟用了‘阻止保存要求重新創(chuàng)建表的更改’” 解決方案
旅行社網(wǎng)站模板4
uni-app自定義loading組件
利用JavaScript獲取現(xiàn)在時間日期與農(nóng)歷
一個非常不錯的文字的提示
主站蜘蛛池模板: 欧美日韩中文视频 | 日韩国产一区二区三区 | 久久婷婷亚洲 | 国产特级毛片aaaaaaa高清 | 免费观看性生交大片3区 | 在线不卡一区二区三区 | 全部黄色软件 | 日韩蜜桃| 久久久久久久九九九 | 黄页| 91麻豆欧美成人精品 | 欧美第一区 | 在线一级黄色片 | 免费一级特黄特色毛片久久看 | 天天操夜夜操免费视频 | 91九色国产ts另类人妖 | 91热久久| 亚洲男人天堂久久 | 亚洲视频二区 | 日本a在线播放 | 91快色| 天堂影院在线观看 | 91亚洲视频在线观看 | 黄色三级网站在线观看 | 人人做人人看人人添 | 国产亚洲中字幕欧 | 在线免费小视频 | 日韩欧美中文字幕精品 | 欧美日韩在线视频免费观看 | 真人一级毛片直播 | 欧美一区二区三区四区在线观看 | 国产精品自拍视频 | 黄色网络在线观看 | 海外华人永久免费视频 | 亚洲精品视频在线播放 | 免费看性xxx高清视频自由 | 女女同性一区二区三区免费观看 | 在线播放亚洲精品 | 靠逼久久 | 亚洲天堂精品视频 | 国产欧美日韩在线视频 |