成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

css的content屬性

劉永祥 / 1308人閱讀

摘要:屬性一般用于偽元素中,用于呈現(xiàn)偽元素的內(nèi)容。平時屬性值我們用的最多的就是給個純字符,其實它還有很多值可供選擇。

content屬性一般用于::before、::after偽元素中,用于呈現(xiàn)偽元素的內(nèi)容。平時content屬性值我們用的最多的就是給個純字符,其實它還有很多值可供選擇。
1、插入純字符




    

1、插入純字符

2、插入圖片




    

2、插入圖片

3、插入元素屬性




    

3、插入元素屬性

4、插入當前元素編號(即當前元素索引)

這個特性可用于活動頁面的規(guī)則介紹。




    

4、插入當前元素編號(即當前元素索引)

  • 我是第1個li標簽
  • 我是li標簽中的第1個div標簽
  • 我是第2個li標簽
  • 我是第3個li標簽
  • 我是li標簽中的第2個div標簽
  • 我是第4個li標簽
  • 我是第5個li標簽
5、插入當前元素編號(指定種類)




    

5、插入當前元素編號(指定種類)

  • 我是第1個li標簽
  • 我是li標簽中的第1個div標簽
  • 我是第2個li標簽
  • 我是第3個li標簽
  • 我是li標簽中的第2個div標簽
  • 我是第4個li標簽
  • 我是第5個li標簽

文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉載請注明本文地址:http://systransis.cn/yun/117351.html

相關文章

  • CSS3content屬性詳解

    摘要:中主要的偽元素有四個,在偽元素選擇器中,有一個屬性,能夠實現(xiàn)頁面中的內(nèi)容插入。這是鏈接運行結果插入項目編號利用的屬性針對多個項目追加連續(xù)編號大標題文字大標題文字大標題文字大標題文字運行結果項目編號修飾默認插入的項目編號是數(shù)字型的,。。。 CSS中主要的偽元素有四個:before/after/first-letter/first-line,在before/after偽元素選擇器中,有一個...

    RyanHoo 評論0 收藏0
  • 詳解 CSS 屬性 - :before && :after

    摘要:現(xiàn)在我們經(jīng)常在源碼中看到如下的寫法這里的和就是我們今天來探討的偽元素之二。舉例說明在這里我們給偽元素添加了屬性,并賦值為。這里需要注意兩者使用的順序,偽元素應該位于后面,如果順序改為是無效的。 現(xiàn)在我們經(jīng)常在 html 源碼中看到如下的寫法: showImg(http://segmentfault.com/img/bVb9y2); 這里的 ::after 和 ::before 就是...

    plokmju88 評論0 收藏0
  • 詳解 CSS 屬性 - :before && :after

    摘要:現(xiàn)在我們經(jīng)常在源碼中看到如下的寫法這里的和就是我們今天來探討的偽元素之二。舉例說明在這里我們給偽元素添加了屬性,并賦值為。這里需要注意兩者使用的順序,偽元素應該位于后面,如果順序改為是無效的。 現(xiàn)在我們經(jīng)常在 html 源碼中看到如下的寫法: showImg(http://segmentfault.com/img/bVb9y2); 這里的 ::after 和 ::before 就是...

    CoderBear 評論0 收藏0
  • jQuery入門筆記之(二)文檔對象模型

    摘要:刪除指定的屬性,這個方法就不可以使用匿名函數(shù),傳遞和均無效。遍歷對象數(shù)組索引,鍵,屬性名屬性值,值相當于遍歷原生對象數(shù)組時,為元素。在使用使用時,可以使用傳入匿名函數(shù)的方法,實現(xiàn)由默認到幾個之間的切換。 轉自個人博客 基礎 DOM 和 和 CSS 一. 設置元素及內(nèi)容 我們通過前面所學習的各種選擇器、過濾器來得到我們想要操作的元素。這個時候,我們就可以對這些元素進行 DOM 的操作。...

    FleyX 評論0 收藏0
  • CSS Grid 布局完全指南(圖解 Grid 詳細教程)

    摘要:重復網(wǎng)格區(qū)域的名稱導致內(nèi)容跨越這些單元格。中間一排將由兩個區(qū)域,一個是空單元格,一個區(qū)域組成。你可以使用任意數(shù)量的相鄰的點來聲明單個空單元格。只要這些點之間沒有空隙隔開,他們就代表一個單獨的單元格。? CSS Grid 布局是 CSS 中最強大的布局系統(tǒng)。與 flexbox 的一維布局系統(tǒng)不同,CSS Grid 布局是一個二維布局系統(tǒng),也就意味著它可以同時處理列和行。通過將 CSS 規(guī)則應用...

    flybywind 評論0 收藏0
  • css

    摘要:一和都可以為頁面引入,區(qū)別方式方式祖先的差別,屬于標簽,而完全是提供的一種方式。繼承父元素屬性的值十有哪些性特征。給超出高度的標簽設置或者設置行高小于你設置的高度 一. link和import都可以為頁面引入css,區(qū)別?link方式:@import 方式 @import a.css ① 祖先的差別,link屬于XHTML標簽,而@import完全是css提供的一種方式。li...

    geekidentity 評論0 收藏0

發(fā)表評論

0條評論

劉永祥

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<