[散修弟子]CSS-7961|2019年07月04日的日报-技能树.IT修真院

发表于： 2019-07-04 02:38:56

2 1026

今天完成的事

1.破解Webstorm,解决IDE的使用问题.

2.实现版本选择页面在空间上横向排列

并且实现滑动效果

做出如下修改

3.使用时发现滑动效果不够生动好看改变样式

3..学习如何使用css做出三角形和X型效果

css 实现三角形的原理

分别设置四个边框的长度使三个边框有长度朝向哪个方向就使哪个方向的边框长度为0

4.使用css样式实现三角形效果

5.使三角按钮去实现跳转效果

<a type="button" href="#dl2" class="triangle"></a>

6.给每个页面添加三角按钮

7.设置之后发现按钮重叠点击会直接跳转到最后一页

一直在思考解决方案

明天计划的事

1.继续完善按钮的布局

解决三角按钮重叠位置的问题

2.在完善版本选择页面的前提下开始游戏页面的架构

遇到的问题

1.初始进入时第一个选择页面总是相对于其他三个页面在屏幕的位置偏右缩进10px 切换几次页面之后就没有了

再次刷新进入又是复现

2.每个页面设置三角按钮之后使用

position: fixed;

会重叠无法使用

使用flex布局横向并列还不能很好的达到效果

在这个问题上想了很久

收获

1.学会了如何使用css做出三角形

返回列表