发表于: 2020-03-11 19:32:18

1 1236


                      今天完成了taxt1并提交了任务。。

1,首先 对盒子模型,浮动进行了复习对盒子使用的属性,单位有所巩固,

      又对css选择器和引入方式进行了编码练习。特别是float的文档流的理解

     花了一些功夫。

2,接下来就开始学习自适应,查看资料《viewport》的使用,在head标签内加入

    ( <meta name="viewport" content="width=device-width, initial-scale=1" />)

   是为了让网页宽度默认等于屏幕宽度,initial-scale=1是原始缩放比例为1比1。

      之后再调试九宫格代码的时候把绝对单位换成了百分比,依旧使用float方式制作的

      九宫格,图:       

  通过对盒子模型,浮动还有viewport自适应的学习配合css样式使用,最终

  完成了九宫格的编码,在此过程中遇到一些问题,比如行级元素和块级元素

  使用情况,例如div和span的呈现效果等一些问题,还有position定位,盒子

  大小计算的一些问题,不过在不断的查阅资料过程中慢慢的解决了一些难题,

  之后还是要加强练习。

3,今天把谷歌浏览器摸索了一下,会简单的调试网页了,刚刚下载了nginx

     不知怎么都用不了,改路径之后无法显示,希望大神帮忙指导。等下再把CSS

     复习复习记得东西太多。计划明天做任务二。



            成果展示: 提取码: 6bzc

 


















返回列表 返回列表
评论

    分享到