content 内容生成技术
在实际项目中，content 属性几乎都是用在::before/::after 这两个伪元素中，因此，“content 内容生成技术”有时候也称为“::before/::after 伪元素技术”。
1．content 辅助元素生成
通常是会把 content的属性值设置为空字符串，然后，利用其他 CSS 代码来生成辅助元素，实现图形效果，或特定布局。
2．content 字符内容生成
content 字符内容生成就是直接写入字符内容，中英文都可以，比较常见的应用就是配合@font-face 规则实现图标字体效果。
3．content 图片生成
content 图片生成指的是直接用 url 功能符显示图片，url 功能符中的图片地址不仅可以是 png、jpg 格式，还可以是 svg文件以及 base64URL 地址
4．了解 content 开启闭合符号生成
content 支持的属性值中有一对不常用的 open-quote 和 close-quote 关键字，用的不多
5．content attr 属性值内容生成
6．深入理解 content 计数器
所谓 CSS 计数器效果，指的是使用 CSS 代码实现随着元素数目增多，数值也跟着变大的效果
（1）属性 counter-reset “计数器-重置”
（2）属性 counter-increment 计数器递增
（3）方法 counter()/counters()。这是方法，不是属性。类似 CSS3 中的 calc()计算。
7．content 内容生成的混合特性
所谓“content 内容生成的混合特性”指的是各种 content 内容生成语法是可以混合在一起使用的，
在实际项目中，content 属性几乎都是用在::before/::after 这两个伪元素中，因此，“content 内容生成技术”有时候也称为“::before/::after 伪元素技术”。
1．content 辅助元素生成
通常是会把 content的属性值设置为空字符串，然后，利用其他 CSS 代码来生成辅助元素，实现图形效果，或特定布局。
2．content 字符内容生成
content 字符内容生成就是直接写入字符内容，中英文都可以，比较常见的应用就是配合@font-face 规则实现图标字体效果。
3．content 图片生成
content 图片生成指的是直接用 url 功能符显示图片，url 功能符中的图片地址不仅可以是 png、jpg 格式，还可以是 svg文件以及 base64URL 地址
4．了解 content 开启闭合符号生成
content 支持的属性值中有一对不常用的 open-quote 和 close-quote 关键字，用的不多
5．content attr 属性值内容生成
6．深入理解 content 计数器
所谓 CSS 计数器效果，指的是使用 CSS 代码实现随着元素数目增多，数值也跟着变大的效果
（1）属性 counter-reset “计数器-重置”
（2）属性 counter-increment 计数器递增
（3）方法 counter()/counters()。这是方法，不是属性。类似 CSS3 中的 calc()计算。
7．content 内容生成的混合特性
所谓“content 内容生成的混合特性”指的是各种 content 内容生成语法是可以混合在一起使用的，
