1、什么是内容生成
使用css向某元素内插入一段内容
2、伪元素选择器
1、:before 或 ::before
作用:匹配到某元素内容区域之前
<p>(:before)窗前明月光</p>
2、:after 或 ::after
作用:匹配到某元素内容区域之后
<p>疑是地上霜(:after)</p>
3、属性
属性:content
作用:向匹配到的位置处增加内容
取值:
1、字符串 :用 "" 引起来的普通文本
2、url() :生成一副图像
4、解决问题
1、浮动元素父元素高度问题
.clear:after{
content:"";
/*变为块级 或 table*/
display:block;
/*清除两端浮动*/
clear:both;
}
2、外边距的溢出问题
<div id="d1"></div>
<div id="d2">
<div id="d3"></div>
</div>
#d2:before{
content:"";
display:table;
}
CSS内容生成
最新推荐文章于 2024-04-09 22:04:38 发布