列表清单是我们日常生活的一部分。未办事项清单确认我们接下来要做什么，行车导航提供路线列表，食谱提供成分列表和说明列表。几乎所有的东西都有列表，这就很容易理解为什么它们在网上这么受欢迎。

在CSS中，元素的背景可以是一个纯色，一张图，一个渐变色或者它们的组合。在我们决定如何实现背景之前，我们要考虑到背景是为了网站的整体布局服务的。

随着时间的推移，网络字体排版已经得到了很大的发展。有几个不同的因素致使它的流行。其中被最广泛认可的因素是可嵌入我们自己的网络字体的系统的开发。

本质来说，float属性是使元素脱离正常的流式布局，并将它放置在父元素的左侧或右侧。然后页面中所有的元素都会环绕浮动元素布局。例如我们将段落间的一张图片设置为浮动，那么这些段落都会围绕图片换行。

在了解盒子模型之前，我们先来了解一下元素是如何显示的。在第二节课中，我们学习了块状元素和内联元素的差异。快速回顾一下，块状元素会另起一行，并占据所有可用的宽度，不管内容有没有。而内联元素会并排显示，宽度紧随内容变化而变化。块状元素通常用在大块的内容上，例如标题，结构元素。内联元素用在小块的内容上...

具体的来说，就是我们要知道不同类型的选择器是怎么样工作的，这些选择器的顺序是如何影响样式的呈现方式的。我们也要知道一些常用的不断出现在CSS中的属性值，尤其是影响颜色和长度的属性值。

究竟什么是语义化呢？HTML语义化是在页面中使用恰当的元素让内容具有意义和结构。语义化编码仅针对页面的内容而不关心内容的样式。使用语义化元素有很多的好处，包括使计算机，屏幕阅读器，搜索引擎以及其他设备充分阅读和理解页面的内容。 另外，HTML语义化也更利于管理和使用，因为它非常清晰的显示了每个内容是什么。

可以的话，请想象一下互联网没有发明之前的日子。网站还不存在，纸质的书本是我们主要的信息来源，而在书本中查询我们想要的资料会耗费相当多的精力和时间。 而如今，你打开个浏览器用搜索引擎搜索，任何你能想到的信息都会呈现在你的指间。并且有可能某人在某地建立了一个跟你心中实际要搜索内容一致的网站。 在接下来...