国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS中的偽元素簡介

2024-07-11 08:29:54
字體:
供稿:網(wǎng)友

顧名思義,偽元素就是你的文檔中若有實無的元素。
::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)建這個首字符放大效果,必須手工給該字母加上標(biāo)簽,
    然后再為該標(biāo)簽應(yīng)用樣式。而偽元素實際上是替我們添加了無形的標(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;}  

說明:選中文本段落(一般情況下是段落)的第一行。

::before和::after偽元素

格式:

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

示例:
對標(biāo)記:

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

添加如下樣式:

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

會得到如下結(jié)果:

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

    提示:如果標(biāo)簽中的內(nèi)容是通過數(shù)據(jù)庫查詢生成的結(jié)果,那么用這種技巧再合適不過了。
    因為所有結(jié)果都是數(shù)字,使用這兩個偽元素可以在把數(shù)字呈現(xiàn)給用戶時,加上說明
    性文字。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 阳曲县| 盱眙县| 神农架林区| 淮南市| 瓦房店市| 龙口市| 江永县| 绿春县| 望城县| 新邵县| 丁青县| 大庆市| 饶阳县| 萍乡市| 曲阜市| 眉山市| 珠海市| 铜山县| 陵水| 阿合奇县| 巴青县| 栖霞市| 北流市| 克什克腾旗| 雷州市| 安丘市| 望奎县| 镇坪县| 阳泉市| 勃利县| 福州市| 驻马店市| 博客| 威信县| 读书| 阳新县| 榕江县| 海盐县| 民县| 志丹县| 徐汇区|