介绍刚要写的时候，自以为CSS已经精通了，随便写一下应该差不多了。15分钟才写出一个半成品，而且很丑。一定是这十天写CSS的原因（甩锅）。所以还是稳妥的按套路来吧，先写一个DIV，然后填充，重复多次...感谢comehop??e的【前端日常实战】效果预览github.io浏览源码地址https://github.com/shanyuhai1...代码解读1.HTML基本结构文档时间轴
介绍刚要写的时候，自以为CSS已经精通了，随便写一下应该差不多了。15分钟才写出一个半成品，而且很丑。一定是这十天写CSS的原因（甩锅）。所以还是稳妥的按套路来吧，先写一个DIV，然后填充，重复多次...感谢comehop??e的【前端日常实战】效果预览github.io浏览源码地址https://github.com/shanyuhai1...代码解读1.HTML基本结构文档时间轴
今天是个好日子day
修改卡片style.card{position:relative;宽度：400px；高度：200px；显示：弹性；弹性方向：列；框阴影：0px3px1px-2pxrgba(0,0,0,0.2),0px2px2px0pxrgba(0,0,0,0.14),0px1px5px0pxrgba(0,0,0,0.12);/*用于观察，待删*/border:1pxdasheddarkorange;}这样一个基本的卡片就实现了。3.改进卡片的表头结构style.card__header{display:flex;对齐项目：居中；宽度：100%；高度：35%；颜色：#fff；背景色：#134857；overflow:hidden;}header里面。header__number{显示：flex;对齐项目：居中；证明内容：居中；边距：020px；填充：6px14px；字体大小：2rem；背景色：rgba(0,0,0,0.17);}.header__title{显示：flex;左边距：10px；弹性方向：列；font-size:0.6rem;}.title__sub{padding-top:6px;font-size:1.2rem;}article结构文章初步思路还是比较简单的：.card__article{width:100%;高度：65%；背景色：#fff；边框：1px实心rgba(200,200,200,0.5)；边框顶部：无；padding:10px;}4.MoreOnecard修改DOM结构在.cards中添加多张卡片，这里只展示DOM结构，省略部分内容。今天是个好日子