4.1.2content内容生成技术
1. content 辅助元素生成
我们会把 content的属性值设置为空字符串，利用其他 CSS 代码来生成辅助元素，或实现图形效果，或实现特定布局。与使用显式的 HTML 标签元素相比，这样做的好处是 HTML 代码会显得更加干净和精简。
2. content 字符内容生成
content 字符内容生成就是直接写入字符内容，中英文都可以，比较常见的应用就是配合@font-face 规则实现图标字体效果。
3. content 图片生成
content 图片生成指的是直接用 url 功能符显示图片。虽然支持的图片格式多种多样，但是实际项目中，content 图片生成用得并不多，主要原因在于图片的尺寸不好控制，我们设置宽高无法改变图片的固有尺寸。所以，伪元素中的图片更多的是使用 background-image 模拟。
4．了解 content 开启闭合符号生成
open-quote 和 close-quote 关键字：“上引号”和“下引号”。
5．content attr 属性值内容生成
6．深入理解 content 计数器
CSS 计数器效果，指的是使用 CSS 代码实现随着元素数目增多，数值也跟着变大的效果；
CSS 计数器的两个属性（counter-reset 和 counter- increment）和一个方法（counter()/counters()）；
（1）属性 counter-reset：“计数器-重置”，主要作用就是给计数器起个名字，默认是0，也可以多个计数器同时命名；counter-reset 还可以设置为 none 和 inherit。取消重置以及继承重置。
（2）属性 counter-increment：“计数器递增”，值为 counter- reset 的 1 个或多个关键字，后面可以跟随数字，表示每次计数的变化值。如果省略，则使用默认变化值 1
（3）方法 counter() / counters()。
7．content 内容生成的混合特性
指的是各种content内容生成语法是可以混合在一起使用的。如果希望在伪元素中同时显示图片和文字排列效果，只需要一个:before 或者一个:after 就可以。