亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

CSS中的偽元素簡(jiǎn)介

segmentfault   發(fā)布時(shí)間：2015-08-01 19:08:57   作者：dopppler   我要評(píng)論
這篇文章主要介紹了CSS中的偽元素,是CSS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下

顧名思義，偽元素就是你的文檔中若有實(shí)無(wú)的元素。
::first-letter偽元素

格式：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. e::first-letter  

示例：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. p::first-letter {font-size:300%;}  

    提示：如果不用偽元素創(chuàng)建這個(gè)首字符放大效果，必須手工給該字母加上標(biāo)簽，
    然后再為該標(biāo)簽應(yīng)用樣式。而偽元素實(shí)際上是替我們添加了無(wú)形的標(biāo)簽。

::first-line偽元素

格式：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. e::first-line  

示例：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. p::first-line {font-variant:small-caps;}  

說(shuō)明：選中文本段落（一般情況下是段落）的第一行。

::before和::after偽元素

格式：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. e::before   
  2. e::after  

示例：
對(duì)標(biāo)記：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. <p class="age">25</p>  

添加如下樣式：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. p.age::before {content:"Age: ";}   
  2. p.age::after {content:" years.";}  

會(huì)得到如下結(jié)果：

復(fù)制代碼
代碼如下:
Age: 25 years.

    提示：如果標(biāo)簽中的內(nèi)容是通過(guò)數(shù)據(jù)庫(kù)查詢生成的結(jié)果，那么用這種技巧再合適不過(guò)了。
    因?yàn)樗薪Y(jié)果都是數(shù)字，使用這兩個(gè)偽元素可以在把數(shù)字呈現(xiàn)給用戶時(shí)，加上說(shuō)明
    性文字。

相關(guān)文章

最新評(píng)論