Jaké je rozložení bloku? Jak uložit jednu stránku vašich webových stránek na vlastní pěst?

Tam je touha naučit se dělat své vlastní stránky lokalit? Tak to zvládli, co rozvržení bloku. Layout nováček splňovat řadu obtíží, mají spoustu otázek. Podívejme se, co je blok kódování.

Důležitý tip

Použijte editor WYSIWYG, takže všechno bylo jasnější. Ti, kteří znají HTML dobře, práce na notebooku, protože chápou vše. A začátečníci mohou využít programů, jako je FrontPage, nebo například, Dreamweaver.

Druhy rozvržení stránek

Existuje několik typů rozložení:

1. Tabulková.
2. Block.
3. Smíšené.

Zajímáme se o rozvržení bloku. To, co odlišuje od stolu? Na rozložení bloku pomocí DIV tag má určité výhody:

1. Načíst s designem bloků rychleji.
2. Obsah zobrazeny bloky (na rozdíl od tabulek), jak dochází k download. Jak je známo, tyto tabulky zobrazí pouze po celém stole.
3. Kód se div-s čitelnější.

Je to ne všechny výhody, která je známá pro rozvržení bloku.

Jak změnit umístění div bloky?

To nám pomůže plavat - tuto vlastnost, která je schopná z následujících způsobů:

1. Zarovnání vlevo - vlevo.
2. Sladit právo - právo.
3. Prvek zůstává tam, kde byl, nebude pohybovat, pokud daný nic. Tato hodnota bude nastavena jako výchozí.

Dalším důležitým prvkem, který potřebujeme - jasné. Ten může mít 4 hodnoty:

1. Pro instalaci pod předchozí položky přesunout do pravého bloku - vpravo.
2. Levé sady pod předchozího prvku, který se pohybuje směrem doleva.
3. Oba - Instalace předchozího vytlačené bloku.
4. Žádné indikuje nepřítomnost omezení polohy bloku vzhledem těch prvků, které se pohybují.

příklad

Zvážit, jak to bude vypadat jako blokové uspořádání div. Píšeme náš kód:

Pod kódem vidíte výsledek. Tak, na základě několika vlastností může být řízena blokové uspořádání, jak je požadováno. Přejít na příštím okamžiku. Použili jsme text-align: centrum, vyrovnat každého bloku pro libovolný webový prohlížeč.

Jak vidíte, je to docela jednoduché blokové uspořádání webu. Je důležité studovat a praktikovat další vlastnosti, které budou vytvářet pružnější strukturu stránek.

Něco důležitějšího

Existuje jedna velmi oblíbená funkce, která se používá v rozvržení - poloha, se používá pro polohování.

Hodnoty vlastností polohy:

1. Relativní - nastavuje pozici prvků vzhledem k jejich původních místech. Aplikace vlevo, nahoru, righ, spodní prvek se pohybuje v určitém směru.
2. Static - normální položka displej. Nemá smysl používat vpravo / vlevo, horní / dolní - to může vést k ničemu.
3. Absolutní - absolutní polohovací prvek.
4. Opraveno - podobně jako absolutní. Je vázán na určitý bod na obrazovce, ale to nic nemění svou polohu, i když otáčet stránky.

Mnozí layout si všiml, že při použití pevné, absolutní a relativní polohy bloků překrývají. A pak zajímavé vědět, které z níže uvedených bloků, které výše. Chcete-li odpovědět na tuto otázku, je třeba z-index majetku. To přineslo bloky rozvržení na novou úroveň. To umožňuje nejen k polohování letadla, ale i prostřednictvím třetí osy Z. Hodnota takového majetku může být pozitivní nebo negativní.

Vytvořte 3 bloky. Dále experiment s absolutní polohy.

Jak můžete vidět, je snadné změnit polohu bloků. Na základě skutečnosti, že jste nyní schopni, aby se veškeré základní blok rozvržení stránky. Aplikování více vlastností budete zlepšit své dovednosti.