htmlfloat菜鸟,div+css⽹页布局教程（1）：float属性介绍从2008年7⽉份开始，⽑仔辞去了原来的⼯作，和ofseo⽼兄⼀起“⽹络创业”。在那半年时间⾥学习了不少东西，包括div+css⽹页设计，seo相关知识，单页⾯做google adsense，玩熟了dedecms等各⼤cms和论坛系统……
通过⼏个⽉的学习和摸索，⽑仔也是有很多⼼得，也通过做单页⾯赚了⼀点点上⽹费，本来很想把⾃⼰的学习⼼得也想给⽹络菜鸟们分享分享，使得和我⼀样的⽹络菜鸟们能早点掌握⼀些搞⽹络的基本技术，使⼤家的站都能快速发展起来。但是⽑仔太懒，不喜欢写东西，前段时间也忙，所以虽然有这份⼼思，但⼀直没有动⼿，这段时间⽑仔在⼯作阶段，所以闲余时间⽐较多，就想写点东西和⼤家⼀起分享分享。其实，还有个原因，⼤家可能不相信，⽑仔摸电脑摸了这么长时间了，做⽹站也起码有100个了，但是打字速度超级慢，⾄今还不会盲打，更不会五笔这种⾼深的打字法，所以写东西对我来说是⼀个浩⼤的⼯程。
好了，闲话先不说了，先开始我们的div+css教程。
关于这个教程，我主要是讲div+css页⾯布局，所以最基本的html和css基本知识我就不多讲了，如果⼀点都不会的话可以⾃⼰去看看基本教程。
怎么样⽤div+css来实现页⾯布局：
把div看成⼀个容器，⽹页上的内容就包含在⼀个个的容器⾥⾯，我们可以像使⽤表格(table)⼀样来使⽤div，能够像table套table⼀样来套div。对于熟悉使⽤table来布局的朋友，学习初期可以按照使⽤table的思路来使⽤div。
rotate品牌对于div的横向排列各位朋友很容易理解，这⾥要说的div的竖向排列问题。名字空格代码
先来看看⼀个例⼦：
有个页⾯左右两栏，如果⽤传统的table结构来布局代码如下：designed by
⽆标题⽂档
toolstrip的属性html用图片做按钮容器⼀
容器⼆容器三
html个人网页完整代码div+css

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。