先放一张设计图：

这是一个很简单的列表设计图，有的新手看见设计图就慌了，这个怎么写啊，无从下手啊，其实有个简单的思路，

一张设计图，基本是由无数个框框层层嵌套的，大家可以先把最外边的框架搭好，在写里面的内容，我做个图大家就清楚了，

看见没有，网页是由无数个框框套在一起的，我们随便打开一个网页，打开控制台，

大家可以通过选择dom元素，或者改变嵌套级别，看页面的结构视图，是不是都是一个个框框嵌套起来的，我们一步一步来，先把最外层的框架搭好，再写里面的内容，当然不是整张页面的，而是从上到下，一个一个框架的来。

采纳500+送小米笔记本电脑