首先我在网上下载到了千锋教育提供的的幸福西饼官网静态页面的教学视频和图片素材、源码等。我是先看一集视频，然后关掉视频自己敲一遍代码。然后再和源码进行比较，看看自己哪些地方的代码写法和源码不一样，是否有可以改进的地方。做到比较靠后面的时候，其实已经不是很依赖视频教学了，自己大概看到样式就大概能知道...

之前在学习HTML的时候，按照Web 前端怎样入门？中汪小黑的回答中所给的学习路线图，照着W3school的HTML基础教程，只学习到了HTML列表部分。在学习CSS的过程中，逐渐发现有一些HTML内容（块、类等等）并不熟悉。现在在开始着手做练手小项目静态网页之前，我想再把HTML的基础补习一下，把HTML基础教程全部看完，并且尽量手...

盒模型也叫框模型，结构如下：W3school的翻译很好，把margin和padding翻译成外边距和内边距，避免引起混淆。以下是对盒模型中结构的介绍：

在学完HTML的基础内容之后，开始接触到CSS，发现bracket确实非常方便，快捷键ctrl+e即可打开光标所在位置的标签的css内容，非常方便进行修改。以下是CSS的基础知识笔记（还没有学到盒模型）：

我从昨天开始学习前端技术。想要以博客的形式，记录一下自己的学习内容，并且把自己认为有用的部分记录下来，以便于自己以后查询，同时也希望能够帮助到其他学习者。