今天完成的事情：

1、在这个任务中打算多使用bootstrp框架，学习了bootstrap的代码显示，表格，表单，图片，字体图标的相关知识。

2、继续看一下《head first html与css》的内容。

3、基本完成第一个页面，版本选择。

4.昨天因为晚上被叫去开会，没有学习，所以没有来写日报

• 明天计划的事情：

• 1、把页面1完善。

• 2、继续学习下基础知识。

• 3、完成投票页面的利用hover实现在投票时出现选择框。

• 
  

• 遇到的问题：
  

• 1. （编码实战）版本选择页面注意右边的小三角是相对于整个白框存在，因为游戏版本可能还有更多可以翻到下一页，但小三角的位置不会改动（1小时）

  对于这一步，翻页的话是不是直接跳转到另一个html文件了呢，还没有思考清楚。还是能在一个html文件中实现呢。

• 2.武汉线下报名已经通过，所以这两天准备离职，处理完这些事情每天就有更多的时间来学习。

• 
  

• 收货：1、对bordor-radius设置50%来实现圆形div。
  

• 2.Bootstrap有两种方式显示代码：

  • 第一种是 <code> 标签，内联显示代码。
  • 第二种是 <pre> 标签，如果代码显示为一个独立的块元素或者代码有多行，那么使用 <pre> 标签。

  在使用 <pre> 和 <code> 标签时，开始和结束标签使用 unicode 变体： &lt; 和 &gt;。

  2.在bootstrap中定义了很多字体图标，只需要在span标签中设置已经定义好的class名即可，还可以在此基础上，更改样式。

• 3.对于页面三div中的背景透明内容不透明，利用css3的RGBA能有效的完成效果。因为他不会对其他元素造成影响。

• 而使用opacity，但是此时子元素的透明度会继承父元素的opacity，所以需要建立一个空的div放置背景层，并进行绝对定位来实现效果。

• 
  

• •