4.1.2 content 内容生成技术
content 属性几乎都是用在::before/::after 这两个伪元素
::before/::after 伪元素技术
注：匿名替换元素，content生成的文本无法选中、无法复制，且无法被屏幕阅读设备读取或搜索引擎抓取。
空字符串内容：通常将content设置为空字符串（""），然后利用其他CSS代码来生成辅助元素或实现特定效果。
（清除浮动，辅助实现“两端对齐”以及“垂直居中/上边缘/下边缘对齐”效果。）
字符内容生成：直接写入字符内容，如配合@font-face规则实现图标字体效果。
图片生成：使用url()功能符直接显示图片。但需注意，用content生成的图片尺寸无法控制，因此实际应用中更多使用背景图像（background-image）模拟。
了解 content 开启闭合符号生成（open-quote 和 close-quote 关键字）
属性值内容生成：通过attr()函数获取并插入元素的属性值。（不能有引号，否则浏览器会认为是无效的声明）
计数器：结合CSS计数器（counter-reset、counter-increment和counter()/counters()方法）来实现动态计数效果。
content 内容生成的混合特性，各种 content 内容生成语法是可以混合在一起使用。