发表于: 2020-06-08 23:21:19
1 1267
今日学习:
1详细了解了几个标签
dl标签
定义列表
ul标签,无序列表
ol标签,有序列表
在这次任务中用的是ul标签
<ul class="profile-info">
<li class="profile-info-items">
<span>高素雅</span>
<span>51岁</span>
</li>
值得注意的是,li不能够单独使用
必须包裹在ul里面。
任务中的标签也可以用div来做,
但为了更好的理解和维护,ul更好
遇到的问题:
按照任务要求,需要在“专业技能”前面应该加上一个竖杠,
但是查找资料后我选择用::before没有效果
代码如下
.skilss-header::before {
position: absolute;
top: 1.3rem;
left: 1.5rem;
width: 0.4rem;
height: 2rem;
background-color: #5fc0cd;
content: "丨";
}
不知道问题在哪,明天问师兄。
明日目标,完成任务5
评论