今天完成的事情：

完成了页面一和页面二。

学习了新的样式

分行或单行多列并排

使用.list-inline 、 .list-inline-item结合，可以实现列表逐行显示

或单行并多列并排

<ul class="list-inline">

  <li class="list-inline">列表之一</li>

  <li class="list-inline">列表之二</li>

  <li class="list-inline">列表之三</li>

</ul>

列表之一

列表之二

列表之三

<ul class="list-inline">

  <li class="list-inline-item">列表之一</li>

  <li class="list-inline-item">列表之二</li>

  <li class="list-inline-item">列表之三</li>

</ul>

• 列表之一
•  
• 列表之二
•  
• 列表之三

设置文字间距

 word-spacing（单词的间距）

word-spacing 属性增加或减少单词间的空白（即字间隔）；在这个属性中，“字” 定义为由空白符包围的一个字符串。

也就是说该属性是以空格为基准进行调节间距的，如果多个字母被连在一起，则会被word-spacing视为一个单词；

如果汉字被空格分隔，则分隔的多个汉字就被视为不同的单词，word-spacing属性此时有效

word-spacing:值;

属性

normal：定义单词间的标准空间，默认值

length：定义单词间的固定空间，长度值

inherit：规定应该从父元素继承 word-spacing 属性的值

letter-spacing（文字间距）

增加或减少字符间的空白（字符间距），该属性定义了在文本字符框之间插入多少空间。

由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。

因此，normal 就相当于值为 0。只对文字起作用 对于图片失效的

letter-spacing:20px;

页面一二完成截图：