发表于： 2021-12-02 20:54:53
1 1567
今天完成的事情：今天在做任务六，还是昨天的问题，今天重新用栅栏格做了新的布局，整体用下来确实更好用在做header的时候，做了两行五列，一下生成很好用，自动边距不用设置宽度只需设置grid-template-rows的值，为保两边能填满设置了position：fixed；top/left/right数值为零，然后将上下内边距设置20像素，这样中间的五个元素第一个设置自适应长度，第二第三作为按钮设置100像素，第四作为自适应，第五设置40像素，这样就可以做到屏幕分辨率改变，按钮不会变形。然后下面的footer跟上面一样，只不过因为有字，所以我设置了两行grid-template-rows：40px 20px，这样文字也可以简单定位，中间图片要用到两行就用grid-row：1/3；来完成。然后给图片添加下拉框，这个我又去看教程，然后用select，试了好久样式不行，虽然简单却不能用，然后又接着去百度，看师兄是怎么做的。
明天计划的事情：继续，就是任务六，干就完了，不过这次要先看会在做，不然很多问题不知道是哪出的
遇到的问题：看了师兄的作品，发现人家都用到脚本了，我的按钮还想着css代码敲出来，明天好好看看再动手 不能像今天没完成任务
收获：学会了网格布局，简单实用，还能自适应，然后还看了关于按钮的知识，照葫芦画瓢把按钮都添加了，但没看懂下拉框咋点的，
返回列表
评论