CSS的任务快要做完了，今天开始重新复习一下学到的知识点

任务一学到了盒子的自适应，开始的时候在把九宫格设置了固定高度，所以一直不能实现自适应，百度才知道要实现自适应要用到百分比的宽高。在写九宫格的任务时犯了一个错误，高度height也设置了百分比，但是‍‍让一个元素的高度设定为百分比高度时，是相对于父元素的高度根据百分比来计算高度。当没有给父元素设置高时高度值百分比是不生效，这个问题开始困扰了我很长时间，后来看官网文档才找到解决方法，高度不能设置百分比但是padding可以，padding百分比是依据宽度来设定的，所以可以设置。深度思考还问能不能有另一种实现九宫格的方法，当时没想到，现在想起来用display：flex盒子也可以做出来。‍

任务三学到了页面的居中布局，刚开始时不知道怎么让图片和文字居中，后来查了百度知‍‍道了text-align:center;这个属性，开始时这个图片和数字怎么也无法对齐，后来参考师兄的代码，新建一个父div盒子，在里面放入图片和下面文字的div盒子，在用绝对定位调整位置。开始时因为我不了解em和%的用法，把文字设置成了百分比，结果放大时非常难看。‍

任务四我学会了display：flex的布局，初步了解了弹性盒子的各种属性，任务四我还用到了精灵图，通过任务四我初步了解了精灵图的用法，还学会了制作间隔号。任务四我还学习了input标签，input是一个输入文本标签用于接收用户输入，开始时想把手机号的文本标签设置成只能输入数字，但是不知道怎么设置，问了师兄后明白要加‍‍入oninput="value=value.replace(/[^\d]/g,'')"属性‍‍，之后又有一个问题密码输入文本框输入可以看见文本，百度了之后知道了要加‍‍入‍‍type="password"属性，之后又发现样式内的文字默认颜色改不了，查了百度才知道要想改字体默认颜色需要用input::-webkit-input-placeholder属性。