content通常用于::before、::after这两个伪元素上,通常设置为””,通过css实现图形、布局或者辅助元素,与直接写HTML相比,代码更干净整洁
常见的应用就是用来清除浮动
content 字符内容生成
配合@font-face 规则实现图标字体效果
content还可以插入Unicode编码
content 图片生成
使用url显示图片,不支持css3渐变背景图,无法改变图片的尺寸,通常使用background-imagcontent 开启闭合符号生成
content属性可以设置open-quote、close-quote,然后通过quotes可以指定不同的前后符号
attr 属性值内容生成
Content支持设置为属性值内容
content 计数器
counter-reset:命名计数器,两个参数,计数器名称,初始值,默认为0
counter-increment:计数器递增,参数,计数器名称,递增数,默认为1
counter()/counters():显示计数
content 内容生成的混合特性:content 内容生成语法是可以混合在一起使用的
常见的应用就是用来清除浮动
content 字符内容生成
配合@font-face 规则实现图标字体效果
content还可以插入Unicode编码
content 图片生成
使用url显示图片,不支持css3渐变背景图,无法改变图片的尺寸,通常使用background-imagcontent 开启闭合符号生成
content属性可以设置open-quote、close-quote,然后通过quotes可以指定不同的前后符号
attr 属性值内容生成
Content支持设置为属性值内容
content 计数器
counter-reset:命名计数器,两个参数,计数器名称,初始值,默认为0
counter-increment:计数器递增,参数,计数器名称,递增数,默认为1
counter()/counters():显示计数
content 内容生成的混合特性:content 内容生成语法是可以混合在一起使用的