发表于: 2016-02-29 22:50:24

1 1120


2016-2-29今年比前三年多1天,稳稳的赚了啊。。

今天完成的事情:

做了task6的第一个页面,了解到一些新的知识,比如如何画三角。vw,vh的用法,初步知道了有css sprite这么个东西。

明天计划的事情:

研究一下这个小雪碧,在task6.2中用上这个雪碧。

遇到的问题:

今天在写那个三角形的位置的时候遇到了点小问题,我让这个三角右浮动,然后用相对定位,然后如果我写top:0的话,那个三角定位在白痴版那附近,我想定位到中间那个猜词版写的是top:-23vw;通过这个我才定位到中间。是个问题。

收获:

今天的页面还是用了点新东西的,那个vw是相对视窗宽度,用这个做高度可以随着视窗的改变而改变大小这算不算也是自适应的一种啊。他的计算着这么计算的 如果 height=8vw,而视窗的宽度为200mm,那么这个height的值就是200×8÷100=16mm 

还有三角形的写法:{width:0;height:0;border-top:6vw solid transparent;border-bottom:6vw solid transparent;border-left:6vw solid red;}这个就是角冲右的三角形,代码很形象的一个东西。

贴一下效果图:


github:https://github.com/cmcesummer/task


返回列表 返回列表
评论

    分享到