千锋教育-做有情怀、有良心、有品质的职业教育机构
1.定义
伪元素用于创建一些不在文档树中的元素，并为其添加样式。比如说，我们可以通过:before :after来在一个元素前、后增加一些文本，并为这些文本添加样式。虽然用户可以看到这些文本，但是这些文本实际上不在文档树中。
2.伪元素的单双冒号
在CSS2之前规范不明确的时，伪元素使用单冒号(:)来表示;
在CSS3规范中的要求使用双冒号(::)表示伪元素，以此来区分伪元素和伪类;但为了向上兼容，现在用单冒号(:)也可以的。
3. 使用场景
下面运用before和after在元素前面和后面插入伪元素，实现一些有意思的小效果，代码和效果图附上。
3.1用伪元素实现插入文字、字体图标库
3.1.1插入文字：
效果如下：
3.1.2插入iconfont字体图标库：
根据效果图可以看到伪元素是inline元素类型
3.2清除浮动
解决浮动导致的父元素高度塌陷的问题
3.3分割线效果
效果图：
3.4对话框效果
效果图如下：
3.5 相片层叠效果
效果图如下：
总结
使用伪元素能实现的效果非常多，也可以减少网页中标签的使用，一起动手试试看伪元素的妙用技巧吧。
一、理解大数据概念大数据测试工程师需要理解大数据的基本概念和原理，如分布式存储、MapReduce、实时计算等。他们还需要了解如何处理大规模的...详情>>
2023-10-14 23:43:03
一、JAR文件的结构与执行方式Spring Boot的JAR包是Java Archive的缩写，它是一种压缩文件格式，可以将Java项目的类文件、资源文件以及依赖库等...详情>>
2023-10-14 23:01:49
站群服务器的含义与用途站群服务器主要用于支持站群，即由一组相互链接的网站组成的群体。这些网站通常由同一组织或个人拥有，并且经常会互相链...详情>>
2023-10-14 22:46:12
一、自编码器原理自编码器的设计灵感源于神经科学中关于感知系统的认知原理，它的核心思想是将输入数据经过编码过程，形成一个隐藏层的特征表示...详情>>
2023-10-14 22:41:10
一、云网融合的定义云网融合是指将云计算与网络技术相结合，实现资源的共享、业务的协同，将网络与云端服务深度融合，提供更灵活、高效、安全的...详情>>
2023-10-14 22:31:47
京公网安备 11010802030320号