发表于: 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对于某些特定情况可能用起来比较方便。
评论