发表于: 2018-06-22 18:39:54

1 721


今天完成的:

        完成了任务五、任务六的深度思考。

        切完了任务七所需要的图,并制成了雪碧图。

        任务七的第一个页面(版本选择)基本完成。

明天计划的:

        继续做任务七,继续熟悉一下bootstrap框架。

        了解HTML5新增的标签,了解其功能作用及适用场景。

        查看并学习CSS3半透明的实现方法。

        看一下代码规范。

遇到的问题:

        在进行结构的构思的时候,考虑了一下能用到哪些bootstrap组件,不过没什么头绪,在把基本结构写出来之后,看着html结构就能比较清晰的去布置样式了。

        在写header的固定定位的时候用到了bootstrap,之后往上面放按钮(菜单)的时候,按钮用到了定位,便想着先把header变成相对定位,让按钮相对footer进行定位。不过在把header设为 position:relative 的时候,header的固定定位失效了....然后就把相对定位给删了(emmm 感觉好蠢....).....按钮相对header还是相对窗口其实效果是一样的,这样应该就OK了。

        在写页面右边的小三角的时候,有个小问题,我用的是border写的,其中两边用了透明,旋转45度之后,在屏幕宽度较窄的时候透明的边会压住中间的游戏按钮,暂时还没找到合适的解决办法。

今日收获:

        在做任务五深度思考的时候,知道了用css还能制作平行四边形,制作方法就是用css3的倾斜属性,因为是css3新增的动画属性,关于这部分还不太熟悉,随后也要抽出点时间看下 HTML5 和 CSS3 新增的一些东西。

        知道了一个矢量图标库及使用方法--Iconfont。

        了解了下css的继承特性,以及可以继承的属性。

        熟悉了一些对bootstrap样式的修改,以及flex布局。


返回列表 返回列表
评论

    分享到