发表于: 2019-07-18 00:51:27

3 918


今天完成的事

1.修改属性 设置高度 电话和两个图标居中

2.简单使用栅格系统布置导航栏

3.修改三个图标所在的flex弹性盒子的

justify-content

属性为属性值space-between 两端对齐

然后让添加text-right样式使导航栏的文字靠右

实现上下对齐

 

4.给导航栏的文字添加样式

5.学习bootstrap的轮播图相关知识

http://www.360doc.com/content/17/1018/10/41075863_696010238.shtml

6.尝试初步架构轮播图

7.继续尝试添加标题和内容

8.设置轮播图片控制器

9.继续完善样式 成功完成轮播图

10.修改轮播图定位

.div2 {
top: 50px;
}


今天完成的预览




明天计划的事

1.学习轮播图的实现原理

2.给轮播图添加文字

3.如果时间充足完成  高效 规范 人脉 学习人数 的部分

4.看一下《精通CSS 高级Web标准解决方案》这本书





遇到的问题

1.不太理解导航栏使用媒体查询是什么意思

是指针对不同类型的设备使用媒体查询来触发不同样式的导航栏的意思吗


2.缩到最小的时候 样式不对 

怀疑是客服热线往下拉高推移了轮播图

明天找找看有没有小到一定程度自动隐藏的样式


3.经常感觉css的基础不是很夯实 

打算看一下书来梳理归纳一下css的知识点




今天的收获

1.学习别人的方法初步完成了轮播图

简单理解了轮播图由哪些组成以及该如何架构




返回列表 返回列表
评论

    分享到