发表于: 2018-09-04 10:40:25

1 831


转至元数据结尾

转至元数据起始

成果链接:https://bradmatt213.github.io/xudanli-her/html/task10.html

耗时:8.24-8.27   3天

官方脑图:

个人脑图:

任务总结:

1.任务也做了很久,进度条那部分,用了bootstrap里的进度调,进度条的粗细使用height控制的,然后文字与图标分别放在了盒子里用了弹性布局,圆圈是用margin-top复制来实现位置在滚动条上的。

2.第二个难点就是中间大部分,用了bootstrap里面的面板 <div class="panel panel-default">,里面包含了两部分,一部分是<div class="panel-heading ">标题,一部分是<div class="panel-body">内容,标题部分自带灰色

3.最难的就是单选按钮样式的改变,https://www.cnblogs.com/xinjie-just/p/5911086.html这是师兄给的方法链接,拿过来稍作修改就好了

4.还有一个难点就是媒体查询的响应式,布局起来很繁琐


返回列表 返回列表
评论

    分享到