发表于: 2017-03-21 21:03:05
1 630
今天完成的事情:
修改完成了任务8第一个页面。
第二页面完成一大半。
明天的计划:
完成任务8第二页面,尽量完成第三页。
遇到的问题:
如何用transform做到下图的效果,目前还没有思路,明天研究。
收获:
原来CSS3可以一个元素导入多张背景图。可以如下写:
background:url("haoroomsCSS1_s.jpg") 0 0 no-repeat,
url("haoroomsCSS2_s.jpg") 200px 0 no-repeat,
url("haorooms.jpg") 400px 201px no-repeat;
也可以如下写:
background-image:url("1.jpg"),url("2.jpg"),url("3.jpg");
background-repeat: no-repeat, no-repeat, no-repeat;
background-position: 0 0, 200px 0, 400px 201px;
昨天的问题,bootstrap轮播图在html元素字体设为625%的情况下,小圆点会出现在错误位置。原因是小圆点是内联元素,改成block就可以重新自定义位置和大小了。为什么内联元素在625%的情况下区域会变得很大还不得而知。
评论