发表于: 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框架的基本使用方法以及布局的思路。
评论