发表于： 2017-03-11 21:09:27
1 615
今天完成的事情：1.完成任务8-3。
2.学习hover动画。
明天计划的事情：导航栏还是有些问题，把导航栏完成，做任务10.
遇到的困难：1.导航按钮点击后内容先向右，后居中问题。花了2个小时的时间调试才发现原来是ul没有设置宽度，所以当按下按钮时，ul的宽度瞬间变化，
，再加上之前ul位置和按钮位置不一样，所以造成了ul从初始位置到居中的情况。后来对ul设置宽度width:100%;然后对其父元素设置text-align:center，就解决该问题。(后来又发现这样做当width>768px的时候导航栏又会跑到左边。。。设置float:right;之后文字全部反方向排序。。。)现在自己写的8-1的页面导航栏不知道怎么回事，按下按钮之后就不能让它回去了。。。
收获：.主要还是对hover有更进一步的认识，通过设置css hover伪类，设置transition属性，来实现动画效果。
http://119.10.57.69:880/ptt175/task8-2.html
http://119.10.57.69:880/ptt175/task8-3.html
返回列表
评论