发表于: 2017-03-15 22:35:12
1 760
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
继续了解Bootstrap的栅格系统
明天计划的事情:(一定要写非常细致的内容)
继续任务7
继续了解Bootstrap的栅格系统
遇到的问题:(遇到什么困难,怎么解决的)
捉鬼猜词版与箭头没有对齐,在小尺寸时,这两个重叠了 简化版、猜词版,
白痴版hover属性有下划线
a:hover {
text-decoration: none;
}
投票页格子是正方形,下面的小图标用雪碧图实现 播放音乐按钮点击后要取消蓝色选择框 投死按钮选择后不需要变色
特殊位置的小图标怎么定位在屏幕上?
因为 任务7的CSS基于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的编码规范,
不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。
评论