发表于: 2017-03-15 22:35:12

1 760


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin

继续了解Bootstrap的栅格系统


 明天计划的事情:(一定要写非常细致的内容) 

继续任务7

继续了解Bootstrap的栅格系统

 

遇到的问题:(遇到什么困难,怎么解决的) 

捉鬼猜词版与箭头没有对齐,在小尺寸时,这两个重叠了 简化版、猜词版,

白痴版hover属性有下划线

        a:hover {

          text-decoration: none;

        }



 投票页格子是正方形,下面的小图标用雪碧图实现 播放音乐按钮点击后要取消蓝色选择框 投死按钮选择后不需要变色



特殊位置的小图标怎么定位在屏幕上?

因为 任务7CSS基于bootstrap, 所以任务7的版本选择页面的顶部导航栏左侧的导航小图标可以通过Bootstrap的预定义样式将导航小图标定位到顶部导航栏的左侧,再引用自定义样式实现具体细节:导航栏颜色小图标与导航栏的内边距.

CSS 代码:

       /* 导航栏样式 */

        .navbar {

            background: #3ce;

            padding: 2%;

        }

HTML 代码:

    <nav class="navbar navbar-light bg-faded">

        <a href="#">

            <img src="images/nav.png" alt="nav">

        </a>

    </nav>


CSS半透明是如何实现每个玩家的方块上,hover时会出现4个操作选择?

 

隐藏4个小图片,原属性使用opacity: 0将其透明隐藏,增加hover属性改为不透明。底部键跳转页面3

 

游戏结果页面注意页脚的底色为半透明,但里面的按钮不会跟着半透明?

 

收获:(通过今天的学习,学到了什么知识)

了解Bootstrap的编码规范,

不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。



返回列表 返回列表
评论

    分享到