发表于: 2019-05-06 23:36:39

1 764


今天完成的事情: 

   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;内阴影




返回列表 返回列表
评论

    分享到