发表于： 2019-10-26 23:55:48
1 988
今日完成工作：
1.昨天的进度是对块级级元素<div>进行了css的样式上的描述，确定了其中方格的背景颜色，和大小模式。
background:#FFCC00 no-repeat ;
2.今天的进度进一步确定了方块的尺寸和其在<body>内的排列形式，尺寸是采用的百分比自适应，也突出了内填充与外边距的良好用法。
width: 30%;
padding-bottom:30%;
margin-top:2.55%;
margin-left:2.5%;
float: left;
border-radius:25px;
3.通过浮动的章节了解到多个<div>这样的块级元素正常的排列是不能出现平铺的形式的，进而通过浮动的特性对其实现脱离文档流从而出现九宫格平铺的状态。
4.Css的外联方式也是我们开始学时需要重点关注方式，其优点突出了我们html结构的简单把样式能更好的表现在类中。而nginx的配置也是需要耐心去按照流程对他配一遍的。
明日要完成的工作：
明日的工作是先对ps的切图量取进行一个使用，第二个是要把各个点的元素块给他加以描述。争取能把他的整体效果实现出来。
遇到的问题：
今天遇到的主要问题是出现在对高度的自适应问题上的，开始时我对任务的理解出现偏差对body整个元素进行了限定像素范围，因为感觉不这样做就无法实现高度上的自适应，但是任务其实是在每个分辨率中都是这样的一种表现状态，超出我设定的范围后就无法实现效果图的样子，之后是师兄和我讲了对填充的运用，padding能对高度起到限制作用，限制和宽度相等的百分比。最后比较好的实现了图中的效果
收获：
需要扎实的把有用的设定好好的多看看，才能对布局有很好的把控
返回列表
评论