div tag

Tanulás tömbeiemet - tag

Úgy tűnhet egy kicsit nehéz, de ez az első pillantásra. Gyakorlatilag sem a hely nem jön létre használata nélkül blokkok

, legalább a kép ki vele, bár vannak más módszerek, de ez a legsokoldalúbb. Egy oldal elrendezés, hogy a kód olvashatóbbá és sokoldalú felhasználása adatblokkot. Meg lehet építeni egy honlapot teljes táblázatokat. Ezt a technikát is alkalmazzák folyamatosan, de sok hely egységek szükség személyes tulajdonságok és a blokkok

- akkor érheti el a legkényelmesebb feltételeket tartalom megjelenítése.

Ásni az alapjait a tanulmány tulajdonságainak a blokk

Ebben a cikkben nem fogok, és azt mutatják, néhány pillanat lenne a leghasznosabb a webhely elrendezése - ha szükséges. Ön is megtekintheti és letöltheti a minta helyén létrehozott blokkok

. amelynek leírása a másik cikk.

Példák blokkok használatával

1. példa: A blokkok vannak kialakítva, oly módon, -

töltelék

- A záró tag

- kötelező. A lényeg, hogy ne vesszenek el a kialakulását gátolja, mert az extra címke „szakadás” oldalon, és meg lehet keresni, hogy hosszú ideig. Emiatt minden egység kell hívni a szükséges tulajdonságokkal, hogy helyezze a nevét, és kapcsolja be, majd egy idő után, ha szerkeszteni, akkor könnyen változtatni valamit.

2. példa használata nélkül tulajdonságok, egységek hiába. Ezért mindig meg kell beállítani a paramétereket a blokk méretét vagy a méret a terjeszkedés beállítása automatikusan alatt a tölteléket. Az adott példában magasság, szélesség, és a határ, ami kívánatos, hogy azonnal jelezze a blokk maga látható helyen, így lesz sokkal kényelmesebb a helymeghatározás, és tovább lehet állítani Border (láthatatlanná), a kívánt színt vagy folt.

3. példa: Az egység lehet elhelyezni az oldalon bárhol, hogy ezt meg kell állítani a tulajdonságait a paraméter helyzetét és megkéri, azonosító, például relatív. amely egység az általános áramlási (egymás után).

4. példa: blokkok

nem illik egymáshoz, úszó paramétert meg kell adni: none;. amely megtiltja flow tömb körül, és a többi blokk minden található egymás mögött. És ha állíthat jobbra vagy balra - akkor azt hagyjuk folyni a bal blokk, vagy jobbra.

Mint látható a példákból, ha blokkokat határozza stílusok közvetlenül a kódot az egyes

, A kód növekszik, és elvesztette dinamikáját. Csak a változó a design kell átírni az egyes blokk egyenként, ami nagyon nehéz. Emiatt létrejön egy fájl, ami általában úgynevezett CSS. ami egy fájlt a stílusok az egész hely, és csatlakozik az egész oldalt, és így állítja be a stílustulajdonságok minden blokkot, és az egész sablont.

5. példa: hozzon létre egy egységet a szöveges tartalom, amely hozzá van rendelve azonosító id = „text”. amelynek tulajdonságai alapján ismertetjük a CSS fájlt, és intézkedik a tartalmat az a mondat közepén található, így a tulajdonságok align = „center”. Ha a CSS fájl nem létezik, csak egy honlapon lehet egy oldalt, vagy be kell állítani a tulajdonságait csak ezt az oldalt, akkor a készülék tulajdonságait kell helyezni a lap tetején, a záró címke előtt , amint azt a 6. példában.

7. példa: Ha azt szeretnénk elhelyezni a blokkban magát az oldal közepén, akkor létrehozhat egy egységet lenne szélessége 100%, és állítsa align = „center” tulajdonság. és benne van a blokk

. Mellesleg az ilyen elrendezések a technikát alkalmazzák minden alkalommal, mert kívánatos, hogy megismerjék és gyakorolják ezt a módszert helymeghatározás blokkokat. Például a menü többnyire azáltal több egység, egyik a másik, és az ilyen beruházások is sok.

Az egyszerűség kedvéért meg egy bemélyedések beltéri egység, ami nem volt kisebb, mint 10 pixel minden oldalon - margin: 10px;. Úgy nézett ki, hogy a jobb és több estetichno. Általában minden egység kell állítani szélein, akkor a kód lesz olvasható.

ott bármi lehet
2. példa elrendezése blokkok div

Talán az adatok érdekli témák: