发表于： 2018-07-22 21:23:47
1 460
今天完成的事情：将任务5的完成了。
明天计划的事情：开始任务六。
遇到的问题：
1.因为任务4中顶部固定过，比较熟悉，主要是底部固定开始没做好，跟顶部同样的css代码，跑到了顶部栏的下边，后来网上搜索了一番，追加了bottom：0；这行代码，成功解决问题，又仿照顶部固定，额外添加了一个等高度的空div,不知道是否多余。
2.将留言和电话联系用button按钮进行了制作，根据任务5psd模版的样子，希望点击按钮时按钮的背景和文字颜色均能变化，想了半天，记得前段时间在W3C看过<a>元素时鼠标放上去和点击背景颜色有变化，故又在W3C上寻找方法，找到了:active选择器，在css中进行了编写，达到了预想的效果。 active的英文解释为“积极的”，表现在鼠标上就是点击的意思。关于active选择器最多的示例恐怕就是应用在链接上面的，然而打开链接是一个一瞬间的动作，这不能很好的体现active选择器的特点。
收获：对选择器有了更多的认识，前段时间经常使用的只是.class和#id，以为只是这些，现在发现还有好多选择器等待去认识，探索和掌握。此外，有时间的话，想试着用<a>元素对底部的留言和电话联系进行编写，试试能不能达到一样的效果。
返回列表
评论