发表于: 2017-03-02 23:29:34

2 568


今天完成的事情: 做好了任务7的结果页和首页
明天计划的事情:把任务七完成,学会用雪碧图,在菜鸟教程上面看Bootstrap的教程

遇到的问题:结果页的下半部的文字,为了省事 中间的空我直接用了中文输入法的v1的空格字符,但是这样导致页面太窄时排版会变乱,所以还是用正常布局好一点。底下的footer的透明色用

opacity:0.50;

这个的话,会让div里的所有东西都变成透明色,但是底下的按钮你可以不包裹进footer里,有个办法,是把按钮也定义为一个footer,用

position: fixed;

来让按钮独立上去,注意使用

z-index: 1;

另一种办法更简单,设置footer背景色的时候用rgba(xx,xx,xx,y)的方式,这里y代表透明度 大小是0.1`1.0, 这个代码会只让设置的元素变成透明,不会影响他的子级元素。

上面的大图,切图的时候找到图层,然后把想合在一起的图层用合并图层的方式合并起来,这样就变成一张大图,不用再一张小图的去拼接。

首页没有什么难度,最下面的4个圆用代码画出来,然后加一个.xxx.hover 用来实现鼠标移上去的时候改变颜色

收获:掌握了半透明的使用,切出了第一个雪碧图,用这个软件很方便http://developer.51cto.com/art/201504/474506.htm

对PS的切图在合并图层更加熟练了


返回列表 返回列表
评论

    分享到