• 今天完成的事情：
  

• 1.基本完成了任务6，不过对于bootstrap用的很少，感觉没有达到任务标准，明天再研究一下。

• 2.学会了z-index的用法，通过对主体部分设置“z-index=-1”保证下拉菜单里面的内容不会被下面的内容掩盖。

• 
  

• 
  

• • 明天计划的事情：

  • 1.完成任务6并提交。

  • 2.继续查看一些bootstrap的知识及css的新元素。

  • 
    

  • 遇到的问题：

  • 1.现在对于好多元素还不熟悉，遇到问题脑海中只有经常用的那几种方法解决，没有尝试一些新的东西。

  • 2.还没有实现步骤14中的要求，明天再看一下。

    • （14.制作列表主体，注意垂直居中，如果屏幕过窄时，设置左边的文字被截断出现”…”省略号）已解决

    • 在设置文字过长部分需要用到text-overflow标签，设置为 ellipsis，意思为文本超出部分为省略号；
      同设置整体文本过长需要用white-space标签，设置为 nowrap，意思是文本不换行；
      同时需要设置整体标签超出部分为不显示，设置方法为：overflow: hidden; 

      
      

    
    

  • 收货：
    

‍‍1.学会了z-index。z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。Z-index 仅能在定位元素上奏效（例如 position:absolute;）‍‍

2.bootstrap中使用如需使用下拉菜单，只需要在 class .dropdown 内加上下拉菜单即可。

3.学会了绘制div的小三角，主要是利用边框bordor的宽度来实现，将原来div的宽和高的值逐渐减为0的过程，每个方向边框的形状会逐渐由梯形变为三角形，设置每个方向边框的颜色和宽度，若只想显示某一块三角形，可以把其他的边框颜色设置为透明，即transparent。

4.使用bootstrap的caret可直接做出小三角，再对各个边框的颜色进行修改，就可得到想要的小三角。