发表于： 2017-03-22 21:00:05
2 748
今日完成：
1.修改任务十代码，取消下拉菜单折叠导致框被撑开的效果；
2.学习less，完成任务十一（用less重写任务四）代码。但是感觉自己写的很简单，只用了less的嵌套，以及定义颜色、尺寸的变量这两个功能；
3.学习任务十二的学习资料，主要是《如何书写可维护的CSS代码》、《html编码规范》；
4.开启任务十二，重写任务五与六。
明日计划：
继续学习任务十二。
遇到的问题：
1.今天遇到的第一个问题是配置less，我想用webstorm配置less直接使用。结果搞了一上午都不成功，各种莫名其妙的错误，看了N种教程都不对。最后还是放弃了，参照其他师兄的方法，直接用考拉工具进行编译；
2.重新任务四时，发现自己之前的代码真是乱...有些隐藏的问题今天才发现。主要是input有一个focus的效果（点击会有一个边框效果）
，为了让这个效果看起来是满行的，我之前用了很麻烦的方法（把input宽度设置为100%，然后用绝对定位固定在图标的右边）。
今天重写时，通过查资料问师兄，了解到focus这个伪类的知识；然后换了一个思路，把focus的outline设置为none，就能够让input的视觉效果为满行。
3.感觉自己对less的理解还是很浅，希望后面的任务能够更深入的了解它。
收获：
1.了解less嵌套和变量这两个知识点；
2.学习了伪类focus的知识；
3.了解了一些之前没注意到的知识点。比如什么是后代类等到。
返回列表
评论