发表于: 2017-03-12 23:52:38
1 724
今天完成的事情:任务8,9已经完成。准备做任务10.
明天计划的事情:1.用原生div+css来制作表单,小型设备下实现自适应,中大屏幕实现响应式。争取花1天时间用原生div+css完成任务10。
遇到的困难:bootstrap响应式导航栏完成。原来之前写的任务8-1点击按钮收不回来是因为由于自己粗心,在页面底部也添加了js文件,head处也添加了该文件,导致js被服务器重复执行多次,然后就出现点击按钮不收回来,且屏幕一直在闪这样的现象。
收获:1.在李玺师兄的帮助下,学会如何写响应式的导航栏。之前写的响应式导航栏,在变为按钮时,点击按钮,总会看到li元素内容会先向右后居中这么一个过程,后来直接调节ul的位置,使ul初始居中。这个问题就迎刃而解。
2.从小课堂中学习了visibility属性以及visibility与display的区别。
1.visiblity 是设置元素的可见性,即可见 / 隐藏;隐藏后元素所占有位置保留;
2.display 是设置元素按什么样的方式来显示,是按块显示,显示成一条线的形式,显示为“消失”等等,当display为none时,元素看不见,且其所占位置也空出来了。所以diaplay:none的存在会破坏原有的文档结构,通常使用较少。
(貌似文件没有上传好,上传的不知道怎么回事还是显示原来的文件)
http://119.10.57.69:880/ptt175/task8-1.html
http://119.10.57.69:880/ptt175/task8-2.html
http://119.10.57.69:880/ptt175/task8-3.html
评论