大家最常用作图标的元素是i标签，为什么呢？ 综合来看，从实用性上暂时没看出有什么缺陷，所以目前用不用 <i> 取决于你对于遵循规范有多洁癖。 具体如何在元素内容前后添加图标呢？这就要用使用伪元素:before和after，语法： 1. 直接插入图片 2. 使用特殊字符 2.1 语法 2.2 HTML ...
分类：
其他好文 时间：
2019-02-22 21:40:18
阅读次数：
811
随笔 - 366 文章 - 0 评论 - 392 随笔 - 366 文章 - 0 评论 - 392 随笔 - 366 文章 - 0 评论 - 392 随笔 - 366 文章 - 0 评论 - 392 ::before和::after伪元素的用法 一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒 ...
分类：
Web程序 时间：
2019-01-21 15:58:28
阅读次数：
302
一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::b ...
分类：
其他好文 时间：
2019-01-20 16:28:25
阅读次数：
161
2.1 Mooctest 使用心得 很方便，但是mooctest里面题目太少。 2.2 Junit 编写代码经验总结 1、测试方法上必须使用@Test进行修饰 2、可以使用@Before和@After等注解来更加灵活的控制测试流程 3、可以使用TestSuite来创建更加自动化的测试。测试用例的生成 ...
分类：
其他好文 时间：
2019-01-14 01:03:16
阅读次数：
223
css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before ...
分类：
其他好文 时间：
2019-01-12 10:37:58
阅读次数：
197
原文地址：https://segmentfault.com/a/1190000014836748 感想： 把原元素隐藏，利用伪元素::before 和 ::after 各取上下一半 clip-path 切割图片 HTML代码： CSS代码： ...
分类：
Web程序 时间：
2019-01-11 13:12:19
阅读次数：
166
参考博客：https://github.com/chokcoco http://www.cnblogs.com/libin-1/p/5766729.html http://www.cnblogs.com/coco1s/p/5667853.html http://sbco.cc/magicCss/ht ...
分类：
其他好文 时间：
2019-01-04 23:07:20
阅读次数：
505
1、定义： “伪元素”，顾名思义。就是它创建了一个虚假的元素，并且将其虚假的元素插入到目标元素的内容之前或之后。 2：特点： a、它在实际文档中不改变什么，但是对用户可见，可以通过css控制，源码中看不到 b、伪元素如果没有设置“content”属性，伪元素是无用的。 你可以设置content属性值 ...
分类：
Web程序 时间：
2019-01-01 14:50:11
阅读次数：
256
画这里三角形的方法： 用CSS来实现：整个弹框的ID是#favoriteOptionMenus,对于#favoriteOptionMenus这个元素设置:before和:after的样式，让:before和:after的样式偏移一个像素，就可以实现了 Html代码为： <div id="favori ...
分类：
Web程序 时间：
2018-11-29 20:02:03
阅读次数：
756
先来理解before和after伪类的用法吧，before从字面上的意思可以理解为前面的意思，它一般和content属性一起使用，把内容插入在其他元素的前面，同理after的含义就是把内容插入到其他元素的后面了。先来看一个简单的demo，如下代码： 效果如下： 简单理解完 before 和 afte ...
分类：
其他好文 时间：
2018-11-25 13:15:21
阅读次数：
177
