发表于: 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模板跟布局中像素的互换问题,到底应不应该完全按照模板里的像素来计算
收获:加深了对盒模型的理解,学会了如何设置背景。
评论