手把手教你建立个人网站-DIV和CSS那些不可告人的事儿_html/css

据说，标题要长。。

哇哈哈，亲爱哒小伙伴们我胡汉三又回来了~~~

几天没见，大家想我没？嗯没事你们可以保持沉默。反正我就当想了，呵呵，呵呵呵呵

好了好了，说正经的，看到这么多小伙伴喜欢前两篇文章，于是呢，打算把这个系列做的丰满一些，嗯，有容X大，你懂的，嘿嘿嘿，男童鞋表流口水。艾玛又不正经了，说主题说主题，其实本来打算写个4到5篇就结束的，不过嘛，既然大家有需求，那就写详细点。大家也看到了，标题变成主线剧情，也就是说，还有支线剧情，还有番外篇，总的来说就是把相关的东西讲细致明白点，以感谢大家的支持。OK，不废话了，开始今天的主题，DIV和CSS之间那些不可告人的事儿。

呐，上一章咱们搞定了咱们网站的设计，手头有一张网站设计图了，现在呢，就是切图的时候了。

既然咱这文章是面向设计师的，那上一篇网站设计篇就简单点讲也木有问题。但是这一篇前端知识就不能简单讲了，很多小伙伴需要了解学习这方面的知识。所以今天呢，咱们先来讲讲网页的基本构成，然后搞清楚DIV+CSS到底是个什么鬼。

一、网页基本结构

说起网页的代码，很多小伙伴估计都看过一些专业的书籍，然后被一些专业的字眼弄得晕头转向的。所以咱也不给扯那些专业的东西，下面我给你列一个基本的框架，你写每个网页都要有的基本的东西：