发表于: 2021-11-29 20:54:17
1 1526
今天完成的事情:
今天完成了任务5,学习使用了弹性盒子FLEX中的交叉轴居中定位,为div做了样式。
然后学习任务六,看了雪碧图的讲解,并简单制作了 一张雪碧图,
然后看了关于bootstrap的解释文案,并记录其样式,代码
明天计划的事情:
明天计划完成任务六的一半 ,也许结果可能会脱离计划,但 尽力而为
在复习复习学过的样式,因为老是书写错误,
遇到的问题:
为了达到跟任务图一样的规范,在做名片背景图的时候,背景图不能随分辨率微调,试了好久最后利用背景图flex居中改好了。
然后在做"自我介绍"那一行的时候由于文字过多,使用flex左对齐时,一旦文字产生换行后就会挤压前两个元素,因为前两个元素我用的是div,第一个排列的“div自我介绍”已经占满,但第二个'DIV'(空div)设置宽度为2px,但是这个2px,会在后面文字换行挤压下变成1.9px,最低会到1.55px。
代码感觉写的太多,div用的太多了很多时候连文字的排版都要用到div的嵌套,div起名有点混乱,有时都分不清谁在谁里面属性应该写给谁
收获: 会用了div的新布局方式的新布局方法,
第一次自己将css文件写了200多行,自己整改设计中的漏洞,比如出现横滚动条。
这次的代码规范已经写好
制作了雪碧图
评论