HTML模板布局页面教程,css网页布局教程 标签 HTML Nav CSS布局教程

短视频，自媒体，达人种草一站服务

大家好，我是毛仔，从今天开始毛仔和大家一起学习div+css页面布局。

从2008年7月份开始，毛仔辞去了原来的工作，和老兄一起网络创业。在那半年时间里学习了不少东西，包括div+css网页设计，seo相关知识，单页面做，玩熟了等各大cms和论坛系统&;&;

通过几个月的学习和摸索，毛仔也是有很多心得，也通过做单页面赚了一点点上网费，本来很想把自己的学习心得也想给网络菜鸟们分享分享，使得和我一样的网络菜鸟们能早点掌握一些搞网络的基本技术，使大家的站都能快速发展起来。但是毛仔太懒，不喜欢写东西，前段时间也忙，所以虽然有这份心思，但一直没有动手，这段时间毛仔在找工作阶段，所以闲余时间比较多，就想写点东西和大家一起分享分享。其实，还有个原因，大家可能不相信，毛仔摸电脑摸了这么长时间了，做网站也起码有100个了，但是打字速度超级慢，至今还不会盲打，更不会五笔这种高深的打字法，所以写东西对我来说是一个浩大的工程。

好了，闲话先不说了，先开始我们的div+css教程。

关于这个教程，我主要是讲div+css页面布局，所以最基本的html和css基本知识我就不多讲了，如果一点都不会的话可以自己去看看基本教程。

怎么样用div+css来实现页面布局：

把div看成一个容器，网页上的内容就包含在一个个的容器里面，我们可以像使用表格()一样来使用div，能够像套一样来套div。对于熟悉使用来布局的朋友，学习初期可以按照使用table的思路来使用div。

对于div的横向排列各位朋友很容易理解，这里要说的div的竖向排列问题。

先来看看一个例子：