发表于： 2019-04-01 21:17:15
1 831
今天完成的事情：
今天对任务13第一个页面的代码进行了优化，又把任务13第一个页面的细节加上了，下面的两个图片是对比
明天计划的事情：明天计划把任务13完成
遇到的问题：侧边栏点击出来后，主页面的背景颜色和一些其他部分颜色改变。
#side:checked ~ #wrap{
margin-right: -50%;
padding-left: 50%;
background-color: #29bde0;
}
#side:checked ~ #wrap > main{
background-color: #38a2ab;
border-radius: 10px;
border:#38a2ab;
}
#side:checked ~ #wrap > footer{
background-color: #d2f5fa;
border-radius: 10px;
}
这窜代码是研究了很长时间后发现的，在这里写出来的话，侧边栏不点击出来的话颜色不会改变，点击后就会变成上面的颜色。但是这里的原理我还是没有搞懂。但是我认为现在不需要理解这些，只要会用就行，等以后有时间的话在去深究这个问题
收获：今天又进一步了解了侧边栏的原理，感觉现在不在网上复制代码，纯手写我也能写出来一个侧边栏。
返回列表
评论