Alapvető technikák elrendezés
Ha tudja, egy kicsit a HTML címkék és tanult CSS, akkor lassan fejleszteni vorstku ötvözi különböző módon.
Például létrehozhat egy üres üres, és add meg az új blokkok, hogy mi történt.
Akkor továbbra is hozzá egyes pontjai és képek. De akkor egy lineáris szerkezetű, amely lényeges, ha forgalomba bármely dokumentumot regisztráció nélkül. Oldalak is vannak bizonyos vorstku: cap, pince, oldalelemek, stb Ezek az elemek vannak kialakítva blokkok div. Először próbálja egyszerűen kijelentik test belsejében.
Ennek eredményeképpen megkapjuk a szokásos négy sor egymást. De ez félrevezető. Tény, hogy azok már vannak, de azoknál az alapértelmezett beállításokat.
Ahhoz, hogy blokkolja az acél építőanyag, szükség van rájuk, hogy adjunk CSS. Általában a CSS tulajdonságokat írt egy külön fájlban, és kapcsolódni az oldalhoz. De az esettanulmány, leírjuk a stílusok egyszer fejbe fájlt. Alkotó stílusok helyezzük a stílus tag.
Az oldal frissítése. Most már négy téglalap fekete szegéllyel. Minden egység ugyanazokat a beállításokat: színes, mérete, vastagsága a löket. A valóságban minden egyes egység egyedi. Megkülönböztetni őket, használja az azonosítók és osztályok. Kezdjük az azonosítókat. Hozzunk létre egy új szabályt a rács #. A kívánt blokk hozzárendelése azonosítók. Most a kód lesz a következő.
Az eredmény nem lenne nagyon szép, de az alapötlet az, hogyan kell kezelni a blokkokat, akkor már megkapta.
Ahhoz, hogy a határ nem kap ki a blokk tudja befejezni a stílusban:
Most vegye figyelembe a szélessége a keret szélessége a blokk, hanem adjunk hozzá. Van egy sapkát, oldalirányú oszlop és a fő része ugyanazon a vonalon, és a pince alatt van.
Ahhoz, hogy központosítani a minta létre, akkor körül kell egy további egységet.
Új blokk azonosítója div wrapper. amely körül a többi blokkot.
Megkérdeztük a szélessége a tartály és a külső margók (margin). Az első szám a behúzás a felső és az alsó, és a második - a bal és a jobb oldalon. Ennek megfelelően, az automatikus kulcsszó létre ezek a korrekciók, hogy az elem van igazítva kellős közepén.
Megkérdeztük stílus minden div elem elején az elrendezés. Azt kérte, hogy a burkolat. hogy csak nem akar. Éppen ezért, ha ál: nem adja meg, hogy a szabályt kell alkalmazni minden blokkot, kivéve a blokk átalakító azonosító.
Jellemzően az oldalsávon, a fejléc, és az alagsorban az információk mennyisége nem változik, így nem lehet beállítani egy fix magasságú. Fő tartalom mennyiségétől függ a szöveg és más lehet. Ezért ez az egység jobban tenni a minimális magasság a min-height.
Készül az elrendezés bizonyos hátrányai is képes megszüntetni tapasztalatot szereznek. Ezután beállíthatja a szín, betűtípus, stb
A végső lehetőség, ami messze nem ideális.