我们这个专栏是以实战为主，主要的内容就是项目的开发。在开发的过程中，会遇到很多的知识点，为了让同学们在开发的过程中尽量顺畅，就把一些基础的、需要占用大块篇幅讲解的内容提前抽取出来，集中在这一章进行专门的讲解。开发过程中再遇到就不会中断代码的开发再去学习大块的知识点了。

刚才说到这章里的内容都是比较基础，并且需要篇幅比较大的。这里所说的基础知识并不是内容比较简单，而是一些比较底层的知识，学会这些知识会对理解其他内容会有所帮助。这一章总共安排了五大部分的内容，下面我们来看一下这五部分都会讲到什么内容。

一、页面结构基础。

我们在浏览器上看到的 Web 页面是以一个平面展示的，而实际上 HTML 节点的数据并不是按着从上到下的顺序排列的。这就是我们这一部分要介绍的内容，通过这一部分的学习要知道 HTML 节点是以什么数据结构组织的，每个节点在页面上是以什么样的形式存在，这些节点渲染的时候又是怎样在页面上排布的。

二、CSS 选择器。

第二部分要介绍下 CSS 选择器。CSS 语言就是由选择器和样式组成的，选择器是连接 HTML 和 CSS 样式的桥梁，样式通过选择器匹配到需要生效的HTML节点。在这一部分中会介绍三种类型的选择器，基础选择器部分会介绍一些单一的基础选择器；复合选择器部分准备介绍对基础选择器的组合方式；还有一种比较特殊的选择器是伪类选择器和伪元素选择器，用来丰富选择器的功能。在基础知识这部分我们只准备集中介绍选择器的内容，而样式的属性因为比较分散，到后面开发的过程中用到了什么样式再去介绍。

三、页面渲染机制。

这部分内容里准备介绍一下页面的渲染机制。在这部分里准备介绍页面的整个渲染机制，包括页面是怎么加载的，DOM树是怎么转变成页面上的对象模型的，对象模型又是怎么变成页面上显示的内容的。这些内容基本都是面试里的必考题，对我们理解其他的概念也至关重要。学过这部分以后，应该能从根本上知道为什么 CSS 样式会有优先级，样式怎么写效率会更高等等。

四、屏幕适配方案。

这部分主要介绍为什么需要对屏幕做适配以及适配的方法。在讲适配之前会先介绍下相关的各种单位以及它们之间的关系，作为屏幕适配内容的基础。在屏幕适配的方法里，会介绍几种常用的适配方法，并分析它们的优缺点。通过学习这一部分内容，能简单了解做屏幕适配的方法，在后面的开发中会用实际的案例来给同学们加深印象。

五、CSS书写规范。

最后一部分要介绍下 CSS 的书写规范。我们写的代码主要是用来给人看的，其次是给机器运行的。一手好代码即要整洁易读，又要能在机器上跑的顺畅，所以就需要有个规范来约束代码的写法。代码的规范中有的约束是为了整体的统一，比如代码的格式和注释的书写规则等；也有的约束是为了提高代码运行质量，比如选择器的使用要求和属性顺序等。希望同学们了解完这些规范后，可以按着规范写出一手漂亮的代码。

小结

这一章的基础知识内容同学们要好好理解，这是后面学习的根基。对这些基础知识理解的深度，能反应出一个前端工程师的水平，在面试的时候也会是加分项。从下节开始我们就要进入这几块内容的学习了，希望同学们把基础知识这部分内容吃透，到开发过程中再遇到基于这些基础内容的知识点，就可以很快的理解了。