发表于: 2018-05-29 23:37:36

2 533


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

1.完成任务8页面1顶部header以及轮播图布局。

2.学习bootstrap基本应用方法。

明天计划的事情:(一定要写非常细致的内容) 

完成任务8页面1整体布局。
遇到的问题:(遇到什么困难,怎么解决的) 

1.

导航栏鼠标hover效果,开始就是默认样式。后来通过设置没有hover的默认样式以及鼠标指向后的样式

a:hover

  {

    border-bottom: 4px solid white;

    color: #fff;

    background: #29b078;

}

改变效果。

2.轮播图效果

直接引用的模板,发现不能正确的调用图片,开始写的是<img src="../image/Carousel.jpg" alt="First slide">,就找不到图片,后来改成<img src="image/Carousel.jpg" alt="First slide">。原因是由于这个引用图片是从html页面引用的,和image是同级目录,并不是从css文件引用的,所以不需要退回上级这一步。

发现就是很多问题解决了以后感觉确实是该这样做,但开始就是想不到该这样去做,还得继续加强对想要实现的效果理解和应用。

收获:(通过今天的学习,学到了什么知识)

1.学会了bootstrap下轮播图的基本使用方法。引用模板,有个别class还没弄太懂。

2.学会了bootstrap下导航栏的设置,以及样式的修改。

3.学会了bootstrap框架的基本使用方法以及布局的思路。


返回列表 返回列表
评论

    分享到