能够使用伪元素在网页中创建内容
-
伪元素：一般页面中的非主题内容可以使用伪元素
-
区别：
-
元素：HTML设置的标签
-
伪元素：由CSS模拟出的标签效果
-
-
种类
伪元素 作用 ：：before 在父元素内容的最前添加一个伪元素 ：：after 在父元素内容的最后添加一个伪元素 -
注意点：
-
必须设置content属性才能生效
-
伪元素默认是行内元素
-
装饰性的 美化的 一般都可以用伪元素来使用
<style>
.father {
width: 300px;
height: 300px;
background-color: pink;
}
.father::before {
/* 内容 */
/* content属性必须添加，否则伪元素不生效 */
content: "月半";
color: skyblue;
width: 100px;
height: 100px;
background-color: green;
/* 默认是行内元素，宽高不生效 */
display: block;
}
.father::after {
content: "夜曲"
}
</style>
</head>
<body>
<!-- 伪元素 通过css创建标签，装饰性的不重要的小图 -->
<!-- 找父级，在这个父级里面创建子级标签 -->
<div class="father">小</div>
<!-- 月半小夜曲 -->
</body>
1472
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
