今天完成的事情：

1、任务七页面完成；

2、听龚浩同学讲css编码命名规范与class命名规范；

明天计划的事情：

继续完成任务七；

遇到的问题：

昨天开始是使用谷歌字体图标，可是有一些图标输入英文没有或者图标与词义不符，后来是使用了阿里的字体库里的图标下载来用的，阿里字体库挺全的；

收获：

1、加入浏览器前缀，则按照 -webkit- / -moz- / -ms- / -o- / std的顺序进行添加，标准属性写在最后；

2、CSS3属性排列顺序：transform/transition/animation/box-shadow/border-radius；

3、BEM命名

BEM思想是由于项目开发中，每个组件都是唯一无二的，其名字也是独一无二的，组件内部元素的名字都加上组件名，并用元素的名字作为选择器，自然组件内的样式就不会与组件外的样式冲突了。这是通过组件名的唯一性来保证选择器的唯一性，从而保证样式不会污染到组件外。

BEM的命名规矩很容易记：block-name__element-name–modifier-name，也就是模块名 + 元素名 + 修饰器名。

<div class="page-btn">

  <button type="button" class="page-btn__prev">上一页</button>

  <!-- ... -->

  <button type="button" class="page-btn__next">下一页</button>

</div>