发表于： 2019-05-15 23:35:26
1 942
今天完成的事情：
1. 基本完成任务13
2.了解了拆分样式表和css架构
明天计划的事情：
1. 开始任务14
遇到的问题：
1. 设置overflow的时候，高度设置的是min-height发现并不能滑动
检查后发现是因为设置了min的原因
2. 做任务13最后一个图的时候需要点击按钮弹出菜单，再次点击收回菜单，一开始没有什么思路，后来回顾了一下之前学的，利用checked实现点击效果，利用overflow：hidden，跟点击的时候设置浮动向左，默认向右，来实现效果的样式
3.做hover效果的图片显示的时候过小
检查后发现是因为我给这个图片设置的外框太大，然后内部图片又是自适应的，所以页面大的时候看起来没有问题，但是一缩小就会显得过小，解决办法就是把外框设置的小点，或者自适应，或者直接修改外部的图片
收获：
1.css网站架构，主要就是将一个页面分为多个模块（一般可分为头尾中，reset），使得后期更好维护，哪个模块出问题或者需要修改，只需要改动他相对的模块即可，同时模块也可重复利用，可自由组合，提高开发效率。
2.css样式分离，一般指的是“以单独的CSS文件将CSS样式分离出来”，此处的重用多针对不同页面的重用，就是说，一个样式文件，可以多个页面使用，这对于一些公共样式的重构是很有用的
返回列表
评论