Co je rozložení bloku? Jak vytvořit sami stránku jednoduchou stránkou?
Je tu touha dozvědět se, jak to udělat samistránky stránek? Pak se dozvíme, jaká je rozložení bloku. Noví průvodci-nováčci narazí na řadu potíží, mají mnoho otázek. Zvažte, jaké blokové rozložení je.
Důležité rady
Použijte vizuální editor, aby vše fungovalo.jasněji. Ti, kteří dobře znají HTML, pracují v notebooku, protože rozumí všemu. A nováčci mohou používat takové programy jako FrontPage nebo například Dreamweaver.
Typy rozvržení webu
Existuje několik typů rozvržení:
- Tabulka.
- Blokovat.
- Smíšené.
Máme zájem o blokové uspořádání. Jaký je rozdíl od tabulkového? Rozložení bloků pomocí značky DIV má určité výhody:
- Nahrávání s konstrukčními bloky je rychlejší.
- Obsah bloků se zobrazí (na rozdíl od tabulek) při stahování. Jak víte, data z tabulek se zobrazí pouze po zobrazení celé tabulky.
- Kód s divs je snazší číst.
Nejsou to všechny ctnosti, pro které je blokové uspořádání slavné.
Jak mohu změnit umístění div bloků?
V tomto případě použijeme float - vlastnost, která může mít následující hodnoty:
- Zarovnání vlevo doleva.
- Pro správné zarovnání doprava.
- Položka zůstane tam, kde to bylo, nikam se nepohne, pokud není zadán žádný. Tato hodnota bude výchozí.
Další důležitá vlastnost, kterou potřebujeme, je jasná. Může mít 4 hodnoty:
- Chcete-li nastavit položku pod předchozím, přesunutá doprava, blok je správný.
- Vlevo nastaví prvek pod předchozím, který se přesune doleva.
- Obě - instalace pod předchozím přesunutým blokem.
- Žádný z nich neříká, že na pozici bloku nejsou žádné omezení vzhledem k těm pohyblivým prvkům.
Příklad:
Zvažte, jak vypadá rozložení bloku divu. Napište náš kód:
Jak můžete vidět, blokování rozvržení stránky se provádí zcela jednoduše. Důležité je, abyste se v praxi učil a uplatňoval více funkcí, což vám umožní vytvořit flexibilnější strukturu stránek.
Další důležitá věc
K dispozici je jedna oblíbená vlastnost, která se používá v rozvržení - pozice, slouží k umístění.
Hodnoty pro vlastnost pozice:
- Relativní - nastavuje polohu prvků vzhledem k jejich původnímu umístění. Použitím levé, horní, pravé, dolní části pohybuje prvek v určitém směru.
- Statické - normální zobrazení prvku. Nemá smysl používat vpravo / vlevo, nahoru / dolů - to nepovede k ničemu.
- Absolutní - absolutní poloha prvku.
- Pevná je stejná jako absolutní. Prvek je vázán na určitý bod na obrazovce, ale nezmění svou pozici i v případě, že je stránka převrácena.
Mnoho umělců make-up si všimlo, že při podání žádostipevné, absolutní nebo relativní umístění, dochází k blokování. A pak je zajímavé vědět, který z bloků je nižší, což je vyšší. Chcete-li odpovědět na tuto otázku, potřebujete vlastnost z-index. Přinesla rozložení bloků na kvalitativně novou úroveň. To umožňuje umístit polohu nejen v rovině, ale také pomocí třetí osy Z. Hodnota takové vlastnosti může být pozitivní a negativní.
Vytvořte 3 bloky. Dále experimentujeme s absolutním umístěním.
Jak je vidět z příkladu, je snadné změnit pozicebloků. Na základě toho, co nyní víte, provede někdo základní rozložení stránky stránky. A pomocí dalších vlastností zlepšíte své schopnosti.
</ p>