Az ingatlan és a megjelenítési pozíció
Blokk eleme az elrendezés által jelzett tag div.
A div eltér p?
Itt egy kód használata ajánlott a bekezdés az egész projekt. Semmi többre van szükség, nos, azzal az eltéréssel, hogy növelje a betűtípus és változtatni a színét a szöveg egyes blokkok:
Nem szükséges előírni a blokk elemei a CSS display tulajdonság: block - ez egy alkalmat, hogy köszönetet a kupakot.
Helyzetben egy DIV
És most a legérdekesebb - elhelyezése. Amikor a készüléket elhelyezni az oldalon, azt a szokásos paraméterek: a szélessége a 100% szülő, az elhelyezése statikus. Ilyen helymeghatározó egység az oldalon, mint az üveg: úgy változtatja meg - az eltolódások mindent alatta (vagy fölötte, ha eltolódott az alján).
Lehetőség van hozzá egy blokk a float tulajdonság: bal (jobb). Ebben az esetben a blokk mérete mérete csökken annak tartalmát, és minden, ami alatt - körbe öleli a jobbra vagy balra.
szülői egység, amelynek a belsejében van div c float: balra vagy jobbra, elveszti a magassága. Ebben az esetben meg kell adni azt a CSS pszeudo-elem.
Ha nem regisztrálja a pszeudo bemélyedés le nem működik.
viszonyított helyzete
Ha az elem van rendelve a css tulajdonság position: relative, akkor ő maga a következő:
- Az alapértelmezett elem átveszi a helyét a „csésze” az oldal, a szélesség és magasság.
- Az elem lehet nyomni tulajdonságait balra, jobbra, fent és lent - ez tolódik, mintha nem szerepel az oldalon. A megérkezéskor a szomszédos elemek.
- Tulajdonságok árrés elem fog mozogni anélkül, hogy „impozáns” a szomszédos elem
helyzetben abszolút
Fontos, hogy megértsük a működését ez az érték. Ez alapvető fontosságú a blokk elrendezés html-oldalak. Ha az elem van rendelve az ingatlan css, akkor jelenik meg a böngészőben, mintha hiányzott az általános sorban. elem helyzetét vezérlő végezzük a bal, jobb, felső, alsó. Számítva a határokat a szülői egység. Szülő blokk az első blokk, amelyben található a mi position: absolute helyzetben, és amely tulajdonság értéke relatív, abszolút, vagy fix. Ha ezek a blokkok a fa HTML-kód nem található, a gróf megy a bal felső sarokban az oldal.
Ne lepődj meg, hogy a blokkot a kód, a láblécben:
Ez lenne valahol a fejléc, de legyen a lábléc, 10 pixellel a bal felső sarokban. A helyzet kijavítása egy sort:
Szintén nagyon fontos az a tény, hogy a pozitsionirovniya tulajdonságait lehet adni a negatív érték, azaz, hogy helyezze elemei blokkhatárok egy bizonyos távolságot. Ez igaz a záró felugró keresztek, ikonok melletti menüpontok és más különböző elemei a site design.
Kérdezd blokk osztály nevét, így egyértelmű, hogy mi van a dobozban. Ha a hír .news, tartalom - .content stb
rögzített helyzetben
Ha egy pozíció fix blokk, megszűnik működni a görgetőablak. Positioning meghatározza a helyét a szélén az ablakon, és lépjünk a lap nem befolyásolja a pozícióját. Az elem lehet nyomni tulajdonságait balra, jobbra, felső, alsó. Egy nagyon hasznos funkció, amely lehetővé teszi, hogy a felugró-k, különböző lapok, az ablakok panelek.
Ha az egységet a helyzet: fix tulajdonságai tetején és alján 25 képpont, és állítsa be a magasságát - automatikusan kerül kiszámításra a böngésző, hogy az alsó és a felső széle az ablak van vágva 25 képpont