您現在的位置是:電腦技術吧?>? 組裝維修 ??>??attr和,attr怎么用??>??正文詳情

attr和,attr怎么用

松從陽2019-11-13 21:41:10 人圍觀
簡介matterattr()特性自css2.1標準以來就一直存在,但現在它才變得流行起來。它提供了一種在CSS中使用HTML標記上的屬性的聰明方法,這可以幫助您在許多情況下保存attempt

attr()功能早在CSS 2.1標準中就已經出現,但現在才開始普遍流行。

它提供了一個巧妙的方法在CSS中使用HTML標簽上的屬性,在很多情況下都能幫你省去了以往需要Javascript處理的過程。

  要想使用這個功能,你需要用到三種元素:一個:before 或 :after CSS偽類樣式, .content屬性,和一個帶有你想使用的HTML屬性名稱的attr()表達式。

例如,想去顯示  標題上的data-prefix屬性的值,你可以寫成這樣:  h3:before {  content: attr(data-prefix) ;  }  This is a heading  顯然,這個例子并沒有展示它有多大用處,只是展示了它的基本用法。

讓我們來試一個更有用的例子,attr()的一個極好的應用就是當用戶打印頁面時將頁面鏈接顯示出來。

為了實現這個,你可以這樣寫:  @media print {  a:after {  content: (link to attr(href) ) ;  }  }  Visit our home page  一旦你知道了這個技巧,你就會吃驚于很多時候它能給你的工作帶來的方便!

版權聲明:本文由 松從陽 整理編輯。

原標題:attract,attraction

轉載注明出處:http://www.dn9ww09s.icu/assemble/11952.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦軟件亂碼怎么修復,亂碼修復工具

    電腦軟件亂碼怎么修復,亂碼修復工具 相關圖片亂碼軟件現在很多人在使用電腦時,有時會遇到各種各樣的問題。例如,系統的中文顯示會出現代碼混亂,這也是故障之一。怎么了?我們怎樣才能解決這個問題?現在我會告訴你具體...

  • 安全模式怎么解除dnf,dnf安全模式解除不了

    安全模式怎么解除dnf,dnf安全模式解除不了 相關圖片dnf永久取消安全模式如何去除DNF安全模式是很多小伙伴頭疼的問題,因為玩家無法在安全模式下進行敏感的操作,如出售裝備、丟棄道具、拆卸裝備等,會給人這樣的提示,影響心情。...

  • 無法應用轉換程序,編寫一個程序

    無法應用轉換程序,編寫一個程序 相關圖片數制轉換這個功能主要是為了方便UBB發布。一。自動識別圖片、超鏈接、字體顏色、粗體、斜體和下劃線字體的HTML代碼,并將其轉換為UBB代碼。2。兼容htmlheadti能將高級語言轉換成目標...

  • 打印機出錯怎么解決,打印機常見問題及解決方法

    打印機出錯怎么解決,打印機常見問題及解決方法 相關圖片打印機顯示無法打印打印機作為一種重要的辦公設備,當它不能打印時,很多人都在討論如何處理它。打印機無法打印的原因有很多。如果我們遇到打印機不能打印,我們應該從簡單到...

  • 四行八列,四行五列

    四行八列,四行五列 相關圖片四行一列的面板首先看效果:這里是源代碼:htmlheadtitletest/titletype type=text/CSSUl{margin:0px;padding:0px;四行三列行列式計算器...

  • mrt文件用什么軟件打開,增強mrt是什么

    mrt文件用什么軟件打開,增強mrt是什么 相關圖片.bat是什么文件當我們認為大多數用戶會打開資源管理器來關閉一些不必要的流程以節省資源時,但是當我們看到很多流程時,我們不知道是否有任何影響。mrt.exe進程是許多用戶不知道它...

  • 規范書寫,9的規范書寫

    規范書寫,9的規范書寫 相關圖片生字書寫規范方法我寫了這么長時間的CSS,但是大部分前端用戶沒有按照好的CSS編寫規范編寫CSS代碼,這會影響代碼的閱讀體驗。這里我總結了一個CSS的編寫規范和CSS的編寫順序數字零...

  • win7電腦安全模式怎么進,win7安全模式進不去

    win7電腦安全模式怎么進,win7安全模式進不去 相關圖片windows7安全模式如果電腦出了問題,不能進入系統怎么辦?計算機出現問題的原因有很多。我們可以讓電腦進入安全模式,希望能幫助你找出問題和解決辦法。如何輸入具體要求?接下來...

  • 草稿,草稿本怎么做

    草稿,草稿本怎么做 相關圖片草稿本怎么寫萬維網聯盟(W3C)發布了HTML5規范草案,這是html4十多年前發布以來的第一次重大修訂。在此期間,隨著開發人員逐漸將其應用程序遷移到web上,web已經從草稿怎么寫...

  • 000007e藍屏,藍屏0ed

    000007e藍屏,藍屏0ed 相關圖片藍屏000008e很多用戶反映,這臺電腦剛買下來,藍屏錯誤碼ox0000007e無緣無故出現。0x0000007e error表示系統進程遇到問題,如果遇到此類問題,應該怎么辦?0x0000007e藍屏...

熱評文章

  • 電腦安裝系統,電腦系統重新安裝步驟

    電腦安裝系統,電腦系統重新安裝步驟 相關圖片電腦怎么安裝系統軟件現在很多人想在購買新電腦時安裝自己喜歡的系統。目前的系統主要分為四種:原來的XP系統、兼容性好的win7系統、先進的win8系統和市場上最新的win10系統電腦安...

  • 文本溢出顯示省略號,多行文本溢出省略號隱藏

    文本溢出顯示省略號,多行文本溢出省略號隱藏 相關圖片多行元素的文本省略號CSS文本溢出省略號文本溢出:省略號文本溢出是一個特殊屬性,由W3C的早期文檔定義(當前文檔不包含文本溢出屬性FML!)as:名稱:文本-單行文本省略號...

  • 本地連接獲取不到網絡地址,本地連接正在獲取網絡地址怎么辦

    本地連接獲取不到網絡地址,本地連接正在獲取網絡地址怎么辦 相關圖片本地連接連不上近日,Windows 7系統用戶反映,電腦開機后,網絡連接一直顯示“獲取網絡地址”,過一段時間就會變成“無法獲取網絡地址”。此問題導致網絡連接無法訪問Inter本地連接...

  • css元素垂直居中,css實現元素垂直居中

    css元素垂直居中,css實現元素垂直居中 相關圖片css元素橫向居中表格單元格可以方便地設置文本和圖像的水平和垂直中心,使元素垂直居中:將該元素的容器設置為表格單元格,具有表格單元格的特性,然后使用垂直對齊css水平居中...

  • 此網站出具的安全證書不是,瀏覽器打開出現證書錯誤

    此網站出具的安全證書不是,瀏覽器打開出現證書錯誤 相關圖片網站安全證書怎么安裝相信當一些用戶瀏覽網站時,會提示他們網站的安全證書有一個解決問題的方法。首先要檢查的是系統時間是否正確。大部分時間是由時間問題引起的。如果時間...

  • display在那里用,html里display

    display在那里用,html里display 相關圖片display怎么用顯示:block是塊對象的顯示:none不是要顯示qu1:我經常看到有一個層,然后在里面寫一些東西,然后給它一個屬性顯示:none,這樣這個東西就不能在網頁上看on display...

  • 臺式機怎么分屏顯示器,臺式機如何實現分屏

    臺式機怎么分屏顯示器,臺式機如何實現分屏 相關圖片分屏電腦怎么組裝只有很多情況下,同一臺電腦連接兩臺顯示器,并在不同的屏幕上顯示,但案件的實質是一臺電腦。如果由于計算機的負載能力差,需要同時使用兩臺計算機,希望將...

  • 電腦亮度怎么調對眼睛最好,臺式電腦怎么調節亮度

    電腦亮度怎么調對眼睛最好,臺式電腦怎么調節亮度 相關圖片電腦屏幕亮度如何調有時如果我們的電腦沒有電源,它會自動跳轉到節能模式,這樣我們的電腦屏幕就會顯得有點黑,而且眼睛也有一定程度的損傷,那我們怎么再調整呢?下面是如何...

  • 語義化標簽都有什么,常用的語義化標簽有哪些

    語義化標簽都有什么,常用的語義化標簽有哪些 相關圖片html5語義化標簽優點在當前的web標準隱藏規則中,不推薦甚至反對使用B和I標記,因為它們被認為表示粗體和斜體,沒有任何語義。在新的HTML5工作草案中使用更多的strong和EM標html5語義化...

  • 0xc000007b,0xc000007b無法正常啟動

    0xc000007b,0xc000007b無法正常啟動 相關圖片0xc000007b win10在運行程序時,很多用戶遇到應用程序無法正常啟動0xc000007b的提示,導致程序無法正常打開。實際上,這個問題主要是由系統軟件或其他原因造成的。然后,應用程序開機藍...

關注微信

变脸官网查询