发表于: 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
评论