发表于： 2017-04-18 22:27:39
1 765
今天完成的事情：
1.task8第一个界面的头部、底部、主体的大部分
2.简单学习了轮播图的制作。
明天计划的事情：
继续css-task8
遇到的问题：
1.task8导航栏是套用的bootstrap，在设置点击样式时，使用了hover,网查的教程。
<body>
<style>
#a:hover + #c > #b{color : #0000FF;}
</style>
<div id='a'>元素1</div>
<div id='c'>元素3</div>
</body>
此种方法使用了id属性，导航栏中共有4个选项，每个选项都要设置了一个新的id，并且要求两个元素是兄弟关系。
2.下图的位置，因为中间有箭头的原因，没找到用bootstrap栅格系统进行布置，这里明天继续研究，可能是bootstrap使用不当。
3.在套用bootstrap时，更改样式时，不要采用bootstrap的类名，bootstrap类名可能会重复使用，影响其他位置的设置。
4.栅格使用的时候，class="col-md-3",这里注意html代码中col前面没有.
收获： 今天浪费了4个小时自己设计导航，在设置媒体查询时还没接触JS，所以没有成功。在目前知识体系不全的情况下，尽量按照官网的方法设计。
返回列表
评论