A webhelyelrendezésnek két típusa van: táblázatos és blokk. És míg az előbbi kényelmesebb az egyszerű html oldalak létrehozásához, az utóbbi ideális, ha egyes elemeket blokkok formájában kell hozzáadni.
Utasítás
1. lépés
Két olyan technika létezik, amelyek lehetővé teszik Önnek a blokkterv kidolgozását: a lépcsőzetes stíluslapok dokumentumba ágyazásával vagy külső erőforrásból történő összekapcsolásával. Mindkettő ugyanazt az eredményt adja, tehát nincs közöttük alapvető különbség. Az első esetben illessze be a következő kódot bárhova a style.css fájlba:
.block1 {
}
Blokk1 - a blokk neve, írhat bármi mást. A göndör zárójelek között adja meg a paramétereket a következő formátumban: attribútum neve> kettőspont> érték> pontosvessző (a göndör zárójel elé helyezve) A következő elemeket használják általában:
- szélesség - szélesség (500px, 100% stb.);
- magasság - magasság (200 képpont, 25% stb.);
- háttér - háttérszín (sárga, piros, # 000000);
- párnázás - párnázás a blokk belsejében (0px, 20%);
- margin - külső margók a blokkból (15px, 40%);
- szegély - keret (szegély: tömör 0px fekete;);
- úszó - igazítás (bal, jobb);
- határsugár - a sarkok lekerekítése (határsugár: 10 képpont;).
2. lépés
A CSS második használatakor adja hozzá a stílust a és a tagek közé:
.block1 {
}
És adja hozzá a kívánt paramétereket.
3. lépés
Helyezze be a blokkot a kívánt helyre a webhelyen a következő paranccsal:
1. blokk
Mentse és frissítse az oldalt. Meg kell jelennie. Ne feledje, hogy a magasság igazítása a tartalom teljességétől függően változhat. Például, ha 300 képpontot állít be, de csak egy sort írt, akkor az nem jelenik meg teljes egészében. Ez korrigálható például a szükséges paramétereket tartalmazó táblázat segítségével, amelyet a blokk belsejében kell elhelyezni, azaz és a címkék között. És hogy a határok ne legyenek láthatók, illessze be az attribútumot
