发表于： 2016-03-02 22:05:13
1 1360
今天完成的事情：完善了Task3,对盒子模型又有了深层次的理解。学会了F12调试代码。
明天计划的事情：重写Task3，完成Task4的静态页面编写。
遇到的问题：Task3上，图片的存放位置一开始与html文件不在同一文件夹下，百度查询后将其放在了同一文件夹下。在header中，中间标题居中用的百分比，到了手机显示时便不在处于居中状态，在巫师兄帮助下，对【魔镜】进行了文本居中并将其放在所有float样式之后，这样做是为了让之前所有脱离了标准文本流有float属性的样式进行了位置的放置，最后再将标题进行文本居中就实现了想要的样式。
收获：盒子模型中的margin属性，在调整盒子位置时候，尤其是被一个图片充满的盒子时候，可以通过margin
top left right bottom调整图片位置以达到最合适的位置。对于水平居中问题，可以text-align：center。也可以用position,不过position对我这种新手来说还是有点理解不够透彻，目前感觉position对于某些特定情况可能用起来比较方便。
返回列表
评论