发表于: 2017-03-23 15:06:56
2 691
今天完成的事情:用前面学到的定位,布局了header和footer;
用ps把用到的元素切图;
对主体上半部分布局,内容垂直居中;
对主体下半部分布局,内容垂直居中;
用chrome开发工具调试代码;
上传服务器和github。
明天计划的事情:任务6的学习
遇到的问题:主体上半部分的背景图达不到效果。解决方法:用background-size:cover;
主体上半部分地标那个小背景图位置不能居中。解决方法:获取背景图时后面直接加上left center属性;
主体下半部分第一列文字不能随行高变化而垂直居中。解决方法:用了定位top:50%。
主体下半部分第二列文字:span设置内边距后,对第二行不起作用,仍然会从头开始。解决方法:把span设置为块状元素;
收获:学习了标签里用图片做背景图的属性;
用定位百分比实现垂直居中;
定位的元素不占空间,后面的元素可以对齐;
对块状元素有些理解了。
评论