什麼是塊的佈局？ 如何強加給自己的網站的一個頁面？

還有就是要學會做自己的網頁，網站的願望？ 那麼，讓我們已經掌握了什麼塊佈局。 佈局新手遇到一些困難，他們有很多的問題。 考慮什麼是塊編碼。

一個重要的秘訣

使用 所見即所得的編輯器， 所以一切都更清晰。 誰知道那些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個街區。 接下來，實驗絕對定位。

正如你所看到的，很容易改變塊的位置。 在的事實，你現在能的基礎上，做任何基本塊佈局頁面。 運用多種屬性，你會提高自己的技能。