发表于: 2019-05-06 23:36:39
1 762
今天完成的事情:
1.完成部分任务八
明天计划的事情:
1.完成任务八第一图
遇到的问题:
1.做任务八用轮播图的时候遇到不能轮播滚动
1.1 仔细检查后发现第一class拼写错误,第二就是<div class=“three-image”>,这是我原先以为的是引用自己设置的图片大小,后来发现必须用轮播图的carousel-inner
2.做任务八的时候图片底部的文字,需要设置电脑端显示的时候左对齐,手机端显示的时候中间对齐,
2.1 询问师兄后发现运用多媒体查询,分别设置他们宽度各位多少的时候需要什么样的对齐方式
3. 做任务八的时候发现border有凸起的效果,查找资料后发现是要设置阴影效果,但设置后也没有达到理想的效果
3.1 询问师兄后发现是因为我的页面背景颜色和border的背景颜色一样,他们需要有颜色上的差别才能更明显
收获:
1.使用了轮播图,主要步骤第一先引入轮播图样式,第二引入指针样式,第三选择需要插入的图片,第四引入左右切换按钮
2.了解了媒体查询@media screen and(min-width:480px){ },表示但宽度小于480px的时候,{ }中的内容不显示,screen表示用于电脑屏幕,手机
等,如果需要设定一个区间的话,可以再加上一个and
3.设置阴影效果box-shadow: X轴 Y轴 Rpx color; 阴影效果外阴影,box-shadow: X轴 Y轴 Rpx color inset;内阴影
评论