发表于： 2019-10-18 22:56:04
1 993
今天完成的事情：基本写出任务五的页面
明天计划的事情：了解任务六相关的内容，了解bootstrap等内容以及进行一些实际演练
遇到的问题： 在写页面实现竖线的时没有头绪，最初的想法是写一个挤进去充当线条，先在专业技能这一栏进行了测试
最初代码
.i{height: 13px;
width: 0px;
margin-right: 7.5px;
margin-right: 7.5px;
background-color: #5fc0cd;
}
结果效果并不理想，整个div被填满导致不成线成了一大块颜色
修改代码后用边框线的方式来实现
.i{height: 13px;
width: 7.5px;
margin-right: 7.5px;
border-right: 3px solid #5fc0cd; }
后面还是觉得非常麻烦遂改用现有的左边框线来完成，代码
这样便不用添加其他的东西
收获：今天更加理解了flex布局的一些属性的运用，如用flex-direction属性和align-items将页面布局处理，类似于搭积木
该部分运用flex布局就可以较简单的写出来
另外今天还了解到html没有办法直接打空格要用占位符来实现，如  == 普通的英文半角空格，用此方法来调整字的距离
返回列表
评论