这里是修真院web小课堂，每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解web知识/技能，本篇分享的是：
【知道css有个content属性吗？有什么作用？有什么应用？ 】
大家好，我是IT修真院武汉分院第九期的学员，一枚正直纯洁善良的前端程序员，今天给大家分享一下，修真院官网前端工程师（职业）css任务15，深度思考中的知识点――开发过程中应该遵守哪些编码规范和class命名规范？
1.背景介绍
content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容。此特性目前已被所有主流浏览器支持。在CSS 3 Generated Content工作草案中，content属性添加了更多的特征，例如：插入以及移除文档内容的能力，以创建脚注，结语，及段落注释。但是目前还没有浏览器支持content的扩展功能。
2.知识剖析
1.content属性与:before及:after伪元素配合使用生成文本内容
2.嵌入文字符号
3.插入图片
4.插入元素的属性值
5.插入项目编号
5
6.项目编号修饰
7.指定编号种类
3.常见问题
如何为不同的语言使用不同的标点符号？
4.解决方案
使用content可以使得不同的语言使用对应的一些字符。
5.编码实战
6.扩展思考
强大的CSS3 attr()方法。
CSS3 Values and Units草案扩展了attr()表达式的范围，除了返回字符串，还可以返回诸如CSS colors, CSS integer, length, angle, time, frequency以及其他一些单元。
通过使用自定义的data属性，可以实现一些非常强大的效果，诸如简单图表图形的渲染，动画效果的实现。例如我们可以设置根据元素的attribute值设定background-color的颜色值，这在显示在线调色板上会大放异彩；我们还可以根据attribute值指定元素的大小，就像定义图表每个条形的长度一样。总之，attr()的潜力惊人。
7.参考文献
编码规范
8.更多讨论
伪类和伪元素的区别？
【更多内容，欢迎加入交流群565763832与大家一起讨论交流】