Význam

Návrh bez tabulek je to, co má většina webových stránek. To znamená, že většina vývojářů dodržuje třídy CSS pro návrh obrázků a textu na stránce. Dříve tabulky s buňkami, řádky a sloupci řídily vzhled webové stránky. Nicméně, s konstrukcí bez tabulek, rozložení je obsaženo v kontejneru "div". Kontejner div umožňuje umístit části stránky v různých oblastech kódu HTML a řídit různé části stránky bez ovlivnění jiných oblastí.

Vertikální formát

Vlastnost "valign" je značka vnitřní čáry HTML, která řídí svislou polohu obsaženého objektu. Například: pokud máte kontejner div, který je 50 pixelů vysoký, nastavení "valign" na "střední" umístí obsah 25 pixelů dolů od horní části kontejneru. Dokonce i když přemístíte kontejner div na jiné místo, zůstane středem svisle.

Třídy CSS

Listy v kaskádovém stylu umožňují konfigurovat konstrukční třídy, takže můžete propojit prvky HTML do třídy, aniž byste museli ručně zadávat styl každého prvku. Následuje příklad třídy CSS, která vertikálně sladí prvky:

div {

vertikální zarovnání: střední; }}

Tato třída vertikálně sladí obsah uprostřed divu s názvem div.

Úvahy

CSS design vyžaduje čas a praxi. Pokud je zarovnání přepsáno pro div, můžete zničit rozvržení zbývající části stránky. Musíte otevřít stránku HTML s přidruženými třídami CSS v každém běžném prohlížeči, jako jsou prohlížeče Firefox, Chrome a Internet Explorer, abyste se ujistili, že návrh pracuje správně v prohlížečích vašich čtenářů.