先看效果图

由于是截图，大小有些失真

说明

我的是 3b+版本，系统版本是stretch,如下命令可以查看版本

1

$ lsb_release -a

什么是链表

链表是一个集合，是 C 或 C++中的概念。和数组有什么区别呢？
链表每个元素有两部分组成，第一部分是存储的值，第二部分是记录了下一个元素的位置信息。在 C 中即使下一个元素的指针，其实就通过第二个属性能直接拿到下一个元素的值。

概况

记录在学习响应式布局时学到的只是点。

响应式网站概念

• flexible grid layout 弹性网格布局
• flexible image 弹性图片
• media queries 媒体查询

响应式网站是一个设计理念，它是多项技术的综合体。

在使用弹性盒子 flex 布局时，会有他的局限性，虽然会弹性伸缩，但是样式不能保证。

ResponsiveWeb

一个响应式网站

目录结构

1
2
3
4
5
6
7
8
9
10
11
12
13

.
├── README.md
├── doc                    # 项目文档
└── src                    # 源代码
    ├── css                # 样式文件
    │   ├── main.css       # 公用样式
    │   └── normalize.css  # reset的样式
    ├── img                # 存放图片的文件夹
    ├── js                 # 存放js的文件夹
    │   ├── main.js        # main页面js
    │   └── ventor         # 第三方库文件
    ├── index.html         # 首页
    └── login.html         # 登录页

EM

• EM 是根据自身字体大小来转换成像素；
• 很多时候感觉是根据父节点来计算的，其实是子节点继承了父节点的字体大小，无论什么情况都是先计算出本身字体大小，然后再根据自身字体的大小把 em 转换成像素
• 如果本身的字体也是设置的 em，则先根据父节点的字体算出自身字体的大小

渲染机制

什么是 DOCTYPE 及作用

DTD (document type definition,文档类型定义）是一系列的语法规则，用来定义 XML 或(X)HTML 的文件类型。浏览器会使用它来判断文档类型，决定使用何种协议来解析， 以及切换浏览器模式。

简单来说：DTD 就是告诉浏览器我是什么文档类型，浏览器根据这个来决定用什么引擎来解析和渲染它。

DOCTYPE 是用来声明文档类型和 DTD 规范的，一个主要的用途便是文件的合法性验证。
如果文件代码不合法，那么浏览器解析时便会出一些差错

大白话就是：DOCTYPE 就是直接告诉浏览器什么是 DTD 的，也就是说 DOCTYPE 通知浏览器，告诉当前的文档，包含的是哪个 DTD，也就是哪个文档类型

• HTML5
• HTML4.01 Strict

  该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素(如：font)

• HTML4.01 Transitional

  该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素(如：font)

面试时，如果能说出三种及严格和宽松的区别即可，具体写法不需要记住。