发表于： 2018-04-23 23:52:51
1 239
今天完成的内容：header紧贴页面上部，footer紧贴页面下部
明天要完成的事情：拉伸背景图
今天遇到的困难：背景图的拉伸
今天的收获：今天完成的内容很少，页面的有些地方的布局也还没弄清楚，header紧贴页面上部是任务4当中就有的内容，在css最开始的位置写上margin，padding都为0就可以实现。
中间的背景图我百度了之后使用了在css当中插入的方法，如果是单纯图片用img标签就可以，但那个背景图上面还要放置文字和图片，在css插入背景图的方法比较好，不然就得用float,用float有点麻烦。css插入背景图的时候出现了个麻烦，背景图在宽度上没有100%延伸，跟右边页面有些距离，我尝试设置了父元素100%，背景图那里也设置100%还是不行，先放着了。
我把背景图上面的头像和文字等放进一个div当中，显然背景图还是要靠padding撑开。对于背景图上面的头像和文字，看起来是inline元素的布置，我用了img和span两个行内元素，但是没有达到对齐的效果。
footer使用了相对定位和固定定位，给footer标签套一个div,div设置成relative,footer设置fixed,定footer高度，bottom设置为0。我看了下演示图，footer一直在页面底部，不会随着滚动条移动。
总之，今天好多东西没弄明白，明天再来
返回列表
评论