::before和::after下特有的content用于在css渲染中向元素逻辑上的头部或尾部添加内容。

这些添加不会出现在DOM中不会改变文档内容，不可复制仅仅是在css渲染层加入。

所以不要用:before或:after展示有实際意义的内容尽量使用它们显示修饰性内容，例如图标

举例：网站有些联系电话，希望在它们前加一个icon?就可以使用:before伪元素，如下：

1、这些特殊字符的htmljs和css的写法是不同的，如下

2、创建的伪元素默认是在所依附的元素之上的我们可以使用z-index:-1;把它放到下面

3、input、img、iframe等元素嘟不能包含其他元素，所以不能通过伪元素插入内容

2、attr——调用当前元素的属性

3、URL/URI——引用媒体文件