什么是块的布局？ 如何强加给自己的网站的一个页面？

还有就是要学会做自己的网页，网站的愿望？ 那么，让我们已经掌握了什么块布局。 布局新手遇到一些困难，他们有很多的问题。 考虑什么是块编码。

一个重要的秘诀

使用 所见即所得的编辑器， 所以一切都更清晰。 谁知道那些HTML精良，做工的笔记本，因为他们明白了一切。 初学者可以利用如FrontPage中的程序，或者例如，Dreamweaver中。

布局的网站类型

有几种类型的布局：

1. 表格。
2. 块。
3. 混合。

我们感兴趣的是该块布局。 什么从表区别呢？ 在使用DIV标签块布局具有一定的优势：

1. 与块更快的设计负荷。
2. 内容显示模块（不像表）作为下载发生。 如已知的，这些表将仅在整个表后显示。
3. 用DIV-S代码更容易阅读。

这是不是所有的优势，这是著名的块布局。

如何改变位置的div块？

这将帮助我们漂浮 - 这个属性，它能够在以下几点：

1. 左对齐 - 离开。
2. 要对齐右 - 。
3. 元件保持他在哪里，如果给予他没有不会移动。 该值将是默认。

我们需要另一个重要特征 - 清晰。 他可能有4个值：

1. 对于以前的项目下的安装，移动到右边，块 - 右。
2. 左组前一个元素，它移动到左侧下方。
3. 两者 - 安装以前流离失所块。
4. 无表明不存在对相对于被移动这些元件的块的位置的限制。

例子

考虑如何将看起来像一个块 布局DIV。 我们写的代码：

根据该代码会看到结果。 因此，几个属性的基础上，可以根据需要来控制块排列。 转到下一时刻。 我们使用文本对齐：中心对齐的任何浏览器的每个块。

正如你所看到的，它是网站的很简单块布局。 学习和实践，将创建的网页更灵活的结构越性能是很重要的。

更重要的东西

还有是在布局设计中使用一个流行的功能 - 位置，它被用于定位。

对的位置的属性的值：

1. 相对 - 设置相对于它们的原始位置元素的位置。 应用左，上，右击，在一定方向上底部元件移动。
2. 静态 - 正常显示项目。 这是没有意义的使用左/右，上/下 - 这可能会导致什么。
3. 绝对 - 绝对定位的元素。
4. 固定 - 类似绝对的。 这势必会在屏幕上的某一点，但它并没有即使页面翻转改变其位置。

许多布局注意到，使用的块的一个固定的，绝对和相对定位时被叠加。 然后，有趣的是知道这下面的块，其中以上。 要回答这个问题，你需要Z-index属性。 它带来了布局块到一个新的水平。 这使得有可能不仅使面的定位，也由所述第三轴Z这样的属性的值可以是正的或负的装置。

创建3个街区。 接下来，实验绝对定位。

正如你所看到的，很容易改变块的位置。 在的事实，你现在能的基础上，做任何基本块布局页面。 运用多种属性，你会提高自己的技能。