发表于: 2017-03-23 15:06:56

2 691


今天完成的事情:用前面学到的定位,布局了header和footer;

                           用ps把用到的元素切图;

                           对主体上半部分布局,内容垂直居中;

                           对主体下半部分布局,内容垂直居中;

                           用chrome开发工具调试代码;

                           上传服务器和github。

明天计划的事情:任务6的学习

遇到的问题:主体上半部分的背景图达不到效果。解决方法:用background-size:cover;

                      主体上半部分地标那个小背景图位置不能居中。解决方法:获取背景图时后面直接加上left center属性;

                      主体下半部分第一列文字不能随行高变化而垂直居中。解决方法:用了定位top:50%。

                      主体下半部分第二列文字:span设置内边距后,对第二行不起作用,仍然会从头开始。解决方法:把span设置为块状元素;

                      

收获:学习了标签里用图片做背景图的属性;

          用定位百分比实现垂直居中;

          定位的元素不占空间,后面的元素可以对齐;

          对块状元素有些理解了。

                    



返回列表 返回列表
评论

    分享到