发表于： 2019-05-22 22:04:24
1 1133
今天完成的事情：
1，上午整了个微信前端技术分享
2，下午看了菜鸟的css，不依赖bootstrap做出导航栏，利用媒体查询和浮动做网格视图
3，搬了桌子
明天要做的事情：写代码，做任务十四十五
遇到的问题：无
任务总结：
任务名称 ：css-task-13
成果链接：https://travelerone.github.io/learngit/task13/task13.html
任务耗时：2019.5.19-2019.5.21（3天）
官网脑图：
自己脑图：
任务总结：
a,为了确保布局一致性，我们应该努力保持全局范围共享CSS。因此CSS最基本的结构至少应该有基础重置部分、基础样式部分、布局（模块的容器）、模块（可重用的部分）、第三方样式。
如果以命令式风格写CSS会很快导致下列结果：不够清晰、不可维护、重复冗余。最后获得了混乱的UI和CSS，为了防止这些，1、避免不必要的深层嵌套选择器。2、避免将ID作为钩子。3、合理命名，宁愿复杂的命名也不要复杂的嵌套，4、尝试可独立的模块和组件。5、注意加载的顺序。
b,点击侧边栏划出，主体页面右移，不知如何实现，后来看了坑乎，发现用input[type="checkbox"]~sidebar和input[type="checkbox"]:checked两种状态来实现的。
返回列表
评论