如果需要为网页中的元素插入内容,很少有人会想到使用CSS样式来实现。在CSS样式中,可以使用content属性为元素添加内容,通过该属性可以替代Javascript的部分功能。content属性与:before及:after伪元素配合使用,可以将生成的内容放在一个元素内容的前面或后面。语法格式如下:
    content:属性值;
    content属性的各属性值介绍如下。
    1.none:如果有指定的添加内容,则设置为空。
    2.normal:默认值,表示不赋予内容。
    3.string:该属性值用于赋予指定的文本内容。
    4.counter():该属性值用于指定一个计数器作为添加内容。
    5.attr():把选择的元素的属性值作为添加内容。
    6.url():指定一个外部资源作为添加内容。为一个网络地址。
    7.inherit:该属性值表示继承父级元素。

    提示:使用content属性可以为网页中的容器赋予相应的内容,但是content属性必须与:after或者:before伪类元素结合使用。