发表于： 2019-07-12 22:41:07
1 918
今天完成的事情
由于昨晚太划水，所以今晚立志弄出来，并搞清之前任务8 9 遗留的问题。
晚上找了个较复杂的例子来学习，从复杂把它弄到简单。并成功敲写出简单级的按钮左侧栏。
input + label ：input与label相互使用，例子： <input type=“checkbox” id=“aaaa”> #aaaa可以设置样式显隐状态等；#aaaa：checked + （想控制的内容），点击可以控制； <label id=“bbbb” for=“aaaa”> #bbbb同样控制样式，设置自己所想的样式；for=“aaaa”与input的id绑定，点击label中的样式时同样点击了input。
进度（点击事件）
明天计划的事情
美化左侧栏。布局敲写任务13第二个页面。
遇到的困难
1.例子的混合选择器较复杂；不知道什么时候使用~ 或 + ，也不知道是什么意思，为什么那么搭配多种选择器。
2.在练习中使用以下来控制中间内容向右移动，在任务13中反而失败了，在任务13中如何移动整个页面。
收获
深刻学习了input+label的运用，或许更高级的用法还不熟悉。
学习到的新标签aside，提示：<aside> 的内容可用作文章的侧栏。
返回列表
评论