‍‍【今天完成的事情】‍‍

1.把三个页面都写好了，只剩下一些细节上还须修改

2.学会了如何处理半透明，页面跳转等等

3.没有了

‍‍【收获】‍‍

‍‍1.去掉li前面的点

‍‍  li{list-style-type:none}‍‍

2.学会了如何处理半透明

‍‍1）第一种方法‍‍‍‍

  HTML5的透明，在H5中支持透明背景颜色，但遗憾的是，H5中的办透明背景颜色只支持 rgba的写法，不支持16进制的写法

  例  background-color:rgba(0,152,50,0.7);// -->70%的不透明度  

    background-color:transparent; 支持完全透明

2）第二种方法：

  使用半透明粒子图片，图案或者渐变半透明PNG图片

3）第三种方式是使用透明度+背景颜色或者背景图片来实现。

  例  background-color:rgb(0,152,50);  

    opacity:0.7;

  兼容模式

 {      background-color:rgb(0,152,50);  

      filter:alpha(opacity=50);  // IE

      -moz-opacity:0.5;  

      -khtml-opacity: 0.5;  

      opacity: 0.5;  

  }‍‍ 

CSS3 opacity 属性:设置 div 元素的不透明级别。

  做到这里发现居然背景和文字一起都透明了，大概是因为‍‍opacity属性具有继承性吧？‍‍于是我又百度了背景透明内容不透明。。。

第一种方法：

这里要分两个div，一个单独设置背景透明度，另外一个放内容 用margin-top负值，使用这个方法让文字叠加在透明背景图上。

第二种方法：

直接用background-color:rgba(0,152,50,0.7);的方法。（前三个数字为我们在ps里面看到的rgb值，最后一个数字是透明的色值，为0-1之间的数值，数字越大，越不透明，0为完全透明，1为完全不透明。）

4.给三个页面加上了跳转

直接用<a href></a>就可以啦，真的方便~‍‍‍‍

5.其实空格不止&nbsp;一种~

别的种类的空格 

&nbsp;   不断行的空白（1个字符宽度）

&ensp;     半个空白（1个字符宽度）

&emsp;    一个空白（2个字符宽度）

&thinsp;     窄空白（小于1个字符宽度）

【遇到的问题】

1.最后我觉得最难的就是！！！这个！

还没有思路，今天写了一个下午了，快瞎了，明天再瞅瞅怎么写

‍‍【明天计划的事情】‍‍

1.把上面那个问题解决了 2.再查查三个页面的漏洞，完善并提交