发表于： 2019-07-12 23:57:14
1 882
今天完成的事情：
今天学习时间三小时多点，没做多少事情。
今天主要是复习，然后看一些博客关于css部分的资料：
20个让你效率更高的CSS代码技巧 https://zhuanlan.zhihu.com/p/70442120
DL.DT.DD实现左右的布局简单例子 https://www.php1.cn/detail/css-div-13e0e6ed4c.html
flex布局中，保持内容不超出容器的解决办法 https://blog.csdn.net/zgh0711/article/details/78270555
然后修改了任务5的html和css，解决了昨天遇到的问题，主要是flex不熟悉，今天又学习了下它。
主要是将原先使用的ul，li，div这种结构换成dl，dt，dd这样子，把容器设置为flex，把dt设置flex-shrink: 0;避免空间不够时换行，然后设置dd属性flex:1，将剩余空间给dd。第一条和最后一天横线外边距设置为0，中间的外边距设置一下，使其长度不同。
明天计划的事情：继续复习吧，基础知识还没有掌握好，每个人学习和掌握知识的速度不一样，慢慢来。
收获：相比之前更加清楚了flex布局的使用，发现了dl标签在语义上比使用div更好。
今天的预览图：
返回列表
评论