网页模版，个人网站建设入门知识

好了现在我们插入了第一张切图，在DW里F12预览看看。。。

卧槽，这什么鬼，为毛和其他的区域重叠了，为毛我缩小浏览器的时候出现了这么无节操的情况。

嘿嘿，原因我们先不深究，这里主要是想让大家了解一下这样是不行滴。

我们得用第二种插入图片的方法-在CSS中作为背景插入。总是插入插入什么的我都有点脸红了呢，哎卧槽，我为什么要脸红？？？

额，说CSS，首先回顾下上次的代码，额好吧上面回顾过了。

之前我们给每个DIV都加了同一个名字叫做box并且赋予了这个名字一些属性，呵呵呵我咋想起游戏里的称号了呢，带属性的名字，艾玛这个解释好。那接下来首先呢咱们得给box这个名字再加一个属性，至于为神马，嘿嘿，高级篇中自有妙用。

这个意思就是包住并且别盖住，懂不懂不，包住，但是里面那事儿变大了你也得跟着变大，不能盖住人家。

啊，不能乱想，继续写代码。

好了，现在我们要给每一个DIV赋予它们自己独特的名字了

按照DIV的名字或者按照序号什么的，写出这几个新的属性，我的是9个分区，就写了9个名字并给它们写上属性，这里为了简单就用bg1这样的形式写了，如果是工作中的项目的话肯定不能这样写的，要代码语义化，具体的知识等开支线剧情来讲吧。

这里属性的意思大家应该大致明白，首先是背景：图片地址 水平对齐 垂直对齐，然后是宽度百分百，高度要跟着当前插入的图片走，因为是背景图片，DIV也就是容器本身是不会因为背景图片而自适应的。

然后把这些荣耀的名字赐予每一个DIV吧

看到没有看到没有，比游戏还diao，每个角色可以佩戴多个称号，只要中间用空格分开就行，太淫荡了有木有，太不要脸了有木有。

好嘞，现在我们再来F12一下，当然你在之前预览的页面刷新也行。

粗来了粗来了，网页粗来了，噢也。

额，有些奇怪的东西在，哈哈，是我们上节课加的边框，还有每个区域的名字。把这些东东删掉再看，喔，醉了，这是我第一个网页，就好比月球上那个小脚印一样，意义非凡啊。

让我们再看一下全部的代码吧

是不是特有成就感，是不是感觉到了春天~~~

嘛，孩子，这只是低级功法而已，表太激动，实际上真正的网页要比这个复杂很多倍，哦呵呵呵呵，表怪我打击你，太容易满足容易被江湖淘汰哟~~~

好了，今天的篇幅到这里就先结束了，亲们表太想我哟哦呵呵呵~~~哎哎别打~~~说正事说正事

下一篇该讲高级功法篇了，纠结啊，内容要比这个多的多的多，咋办捏，是分为多篇来讲还是直接整一个视频教程捏，小伙伴们想看啥样的，来发表下看法呗。

期待影迷们的回复哟~