今天完成的事情：

1.完成护工列表任务。

2.配置引用Bootstrap框架。

3.巩固学习之前的内容。

4.切图，准备桌游精灵任务。

   明天计划：

1.写桌游精灵任务；

2.学习HTML5 audio；

    遇到的问题：

处理文本省略号问题时钻牛角尖，引用bootstrap配置等问题

    收获总结：

   任务时的收获：

   处理文本省略号是用的语法其实很简单：

overflow:hidden;    定义超出文本部分 就隐藏

text-overflow:ellipsis;  显示省略号来代表被修剪的文本；

white-space:nowrap;规定段落中的文本不进行换行；

这三个一定要一起用，要给容器定义宽度。

给文本设置好后要注意脱离文档流的文本，屏幕过窄时也不会出现

省略号效果；

    配置bootstrap:

首先要下载引入样式，之后就可以根据需要引用bootstrap中已经配置

好的样式了。bootstrap上很多样式是固定的，所以可以根据自己的需求

修改样式。

以提交按钮为例：

文本上先引用bootstrap的样式：

<button type="button" class="btn btn-primary">提交按钮</button>

优点是方便使用，不用自己设置，缺点是可以样式不能满足自己的要求，这个时候只

需要自己再DIY一下就好啦。

     引用外部CSS样式时候要注意，默认引用在下行的内容是覆盖上行的。

    使用css修改下拉列表select的默认样式的方法：

select{          //清除select的边框样式                border: none; 

                  //清除select聚焦时候的边框颜色                outline: none; 

                //将select的宽高等于div的宽高                width: 100%;      

                  height: 40px;                line-height: 40px;        

              //隐藏select的下拉图标                appearance: none;              

  -webkit-appearance: none;                -moz-appearance: none;    

            //通过padding-left的值让文字居中                padding-left: 60px;}

今天完成的内容不是很多，主要还是在学习配置bootstrap，和巩固之前的知识。