今天完成的事情：

写完了任务八，九，已提交审核

===================================================分割线==========================================================================

明天计划的事情：

做任务

遇到的问题：

职业推荐列表，button上点击有边框，outline属性不起效果，所以按钮没用bootstrap，自己写了样式。

收获：

CSS list-style 属性

定义和用法

list-style 简写属性在一个声明中设置所有的列表属性。

ul

  {

  list-style:square inside url('/i/arrow.gif');

  }

说明

该属性是一个简写属性，涵盖了所有其他列表样式属性。由于它应用到所有 display 为 list-item 的元素，所以在普通的 HTML 和 XHTML 中只能用于 li 元素，不过实际上它可以应用到任何元素，并由 list-item 元素继承。

可以按顺序设置如下属性：

list-style-type

list-style-position

list-style-image

可以不设置其中的某个值，比如 "list-style:circle inside;" 也是允许的。未设置的属性会使用其默认值。

list-style-type 设置列表项标记的类型。（常用的有：none-无标记。disc-默认，标记是实心圆。circle-标记是空心圆。square-标记是实心方块。等等）

list-style-position 设置在何处放置列表项标记。（inside-列表项目标记放置在文本以内，且环绕文本根据标记对齐。outside-默认值，保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。）

list-style-image 使用图像来替换列表项的标记。（URL-图像的路径。none-默认，无图形被显示。）

为什么大家都用i标签<i></i>用作小图标?

1-用 <i> 元素做图标在语义上是不正确的（虽然看起来像 icon 的缩写）；

2-<i> 比 <span> 短，但 gzip 后差异很小，不过打字可以少按三个键；

3-多数图标用的是空 <i> 元素，配合 ::before 伪元素实现，因为没有内容，读屏器不会朗读（这样即使有特殊处理也跳过了），机器理解起来应该也没什么影响。

综合来看，从实用性上暂时没看出有什么缺陷，所以目前用不用 <i> 取决于你对于遵循规范有多洁癖。