国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 涟水县| 双柏县| 醴陵市| 巫山县| 呼图壁县| 隆安县| 边坝县| 吉安县| 安宁市| 澄江县| 遂平县| 祁连县| 钟山县| 兰考县| 武强县| 台州市| 贡觉县| 华宁县| 安仁县| 阿尔山市| 海口市| 渭南市| 嘉善县| 咸丰县| 崇阳县| 葫芦岛市| 沾益县| 江阴市| 淅川县| 玛沁县| 长阳| 邹城市| 台州市| 遂宁市| 屯留县| 大关县| 连南| 淳化县| 舟山市| 萍乡市| 凌源市|