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
**嚴禁轉載！用於學習交流！
