发表于: 2020-06-12 21:36:13

1 1314


今天完成的事情:

准备报名,完成报名所需的任务,填写报名信息观看任务中的要求,如下载减免学费的app.观看并点赞的视频文章等

更加了解了响应式布局,虽然在上个任务中已经使用了响应式布局,依然有不了解的地方只会初步使用bootstrap与响应式,如上个任务的头部使用就没有使用响应式布局

查看资料:https://www.w3cplus.com/css/advanced-html-css-lesson4-responsive-web-design.html


1.查看官网源代码,并以此编写任务9

            <div class="container">
                <div class="row">
                    <div class="col-md-4 hidden-xs"><span class="tel-word">咨询电话:</span></div>
                    <div class="col-md-8">
                        <div class="img-wrap">
                            <a href=""><button class="Navbar1-b"></button></a>
                            <a href=""><button class="Navbar2-b"></button></a>
                            <a href=""><button class="Navbar3-b"></button></a>
                        </div>
                    </div>
                </div>
            </div>

出现错误,自己的微信雪碧图部分在中间,官网的在右边

2.看代码规范手册,感觉自己的代码写的总有点乱,有时还使用关键字命名等,如left,red等命名class,造成了任务9第三页类名重名导致的布局被挤压的情况,最后请教师兄解决,在查看了官网的代码后,知道规范命名的重要性


明天的任务:

大体完成任务9的响应式布局


返回列表 返回列表
评论

    分享到