发表于: 2017-03-06 23:14:07

1 716


今日完成的任务:

1.完成了任务4的页面布局,并上传到了自己的服务器以及github上;

2.学习了background的属性

color:给整个元素添加属性,处于最底层

position:背景图片的定位,如果该图片没有图片设置,则该属性不起效果

默认值跟其他元素一样是框内右上角,如果只设定了一个值,则第二个值为center

size:图片尺寸,应用于图片,默认为图片本身,cover:等比例缩放图片,覆盖这个元素。类似与windows中桌面背景的“填充”

contain:等比例缩放图片,适应元素的宽或者高。类似于windows中桌面背景的“适应”。

repeat:平铺方式

repeat:完全平铺

repeat-x:水平复制平铺

repeat-y:垂直复制平铺

attachment:设置背景图像是否固定或者随着页面的其余部分滚动,默认值是scroll,背景图片随页面的其余部分滚动,而fixed背景图像是固定的

多背景设置:background-image:url(image url 1),url(image url 2)

明日计划完成的任务:完成任务5,开始任务6

遇到的问题:把上方框设置成fixed之后,把文字设置到了框的正中央,但是下图浮上去了,设置了margin-top才解决

还有给定的psd模板跟布局中像素的互换问题,到底应不应该完全按照模板里的像素来计算

收获:加深了对盒模型的理解,学会了如何设置背景。



返回列表 返回列表
评论

    分享到