发表于: 2021-11-29 20:54:17

1 1206


今天完成的事情:

                            今天完成了任务5,学习使用了弹性盒子FLEX中的交叉轴居中定位,为div做了样式。

                            然后学习任务六,看了雪碧图的讲解,并简单制作了 一张雪碧图, 

                            然后看了关于bootstrap的解释文案,并记录其样式,代码

明天计划的事情:

                            明天计划完成任务六的一半 ,也许结果可能会脱离计划,但 尽力而为

                            在复习复习学过的样式,因为老是书写错误,

遇到的问题:

                             为了达到跟任务图一样的规范,在做名片背景图的时候,背景图不能随分辨率微调,试了好久最后利用背景图flex居中改好了。

                              然后在做"自我介绍"那一行的时候由于文字过多,使用flex左对齐时,一旦文字产生换行后就会挤压前两个元素,因为前两个元素我用的是div,第一个排列的“div自我介绍”已经占满,但第二个'DIV'(空div)设置宽度为2px,但是这个2px,会在后面文字换行挤压下变成1.9px,最低会到1.55px。

                             代码感觉写的太多,div用的太多了很多时候连文字的排版都要用到div的嵌套,div起名有点混乱,有时都分不清谁在谁里面属性应该写给谁

收获:                  会用了div的新布局方式的新布局方法,

                            第一次自己将css文件写了200多行,自己整改设计中的漏洞,比如出现横滚动条。

                            这次的代码规范已经写好

                             制作了雪碧图



返回列表 返回列表
评论

    分享到