1.定义动态内容
知识点：
使用 content 属性可以定义动态内容。用法如下：
content :normal | string | attr() | url() | counter() | none;
取值简单说明如下：
normal ：默认值。表现与 none 值相同。
string ：插入文本内容。
attr（）：插入元素的属性值。
url（） ：插入外部资源，如图像、音频、视频或浏览器支持的其他任何资源。
counter（）：计数器，用于插入排序标识
none ：无任何内容
实例设计
本例使用 content 属性把超链接 URL字符串动态显示在页面中，
第一步 建 HTML 5 文档 定义一个超链接
第二步 在内部设计样式
效果如下：
小结：把网址显示到文本的后面
2.设计目录索引
实例设计
本例设计了一个动态目录索引效果，使用 content 属性，配合CSS 计数器定义多层嵌套有序列表序号样式
，如下：代码如下：
小结：给1，2，3级列表序号设置递增
3.设计引号
知识点：
设计一个动态引号效果，使用 content 属性 配合 quotes 功能定义引号样式 效果如下：
代码：
小结：品，你细品
4.动态引入外部资源
实例设计
本例使用 content 属性 配合 url（） 为动态内容加载外部图像资源，并添加到超连接文本的前面显示。
5.动态绘制图形
实例设计
本例借助 CSS3 增强的动态内容特性，以及相关动画功能，设计一个纯CSS 的消息提示框，效果如下：
代码如下：
6.没了动态就到这里了
出处：在校生有森记录博客
*网址：s://mp.csdn.net/mdeditor/102927044
**严禁转载！用于学习交流！