Helymeghatározás CSS blokkokat, web-gyorsul
Főoldal »Make-up» CSS pozicionálás blokkok
Css helymeghatározás blokkolja az egyik legfontosabb szakaszait elrendezés, mert ez az, amit érint alkalmazkodóképességét a helyszínen, vagy a lehetőségét annak végrehajtását a jövőben (ha nem éppen szükséges), valamint azt is, jelentős hatást gyakorolnak a további méretezés a helyszínen. Nem ritka, amikor a „hegy-elrendezés”, hogy ezt az elrendezést, az eredmény, hogy könnyebb dobni, mint valamit változtatni, de ez úgy tűnhet, teljesen összhangban az elrendezés. Ez a helyzet abból ered, nem érti, hogy hol és mikor kell használni egy adott típusú elhelyezése. Ma megpróbáljuk megérteni ezt a kérdést. És így is van, a css helyzetben tulajdonság. Ez a tulajdonság, hogy 5 értékeket, de figyelembe vesszük a négy fő közül:
Abszolút pozicionálás blokkok (abszolút)
Az első a listán, a módszer a helymeghatározás - ez egy abszolút. A kinevezés a tulajdonságok, a blokk lesz önálló egység és az oldal más elemei nem befolyásolják a helyét, valamint, és ez nem befolyásolja a többi elemet. A blokk méretét a tulajdonságok határozzák meg szélességét és magasságát, hanem egy helyre az oldalon - felső tulajdonságok. bal, jobb és alsó, ezek a paraméterek határozzák meg a francia felső, bal, jobb és alsó széléhez. Ha a készülék nincs szülő elem, valamint, ha az elhelyezése a szülő eltér a statikus, a felső, bal, alsó, jobb tulajdonságokkal eltolását elejétől az oldalt, különben a szélén a szülő elem.
Leggyakrabban az ilyen típusú helymeghatározó akkor alkalmazzák, amikor az egység kell nyomni, hogy a jobb vagy alsó szélét. Tekintsük ezt az elrendezést.
A kényelem, a blokkok osztottak különböző színekben keretben. A jelölés a következő lesz:
Ebben a példában használt jobb és alsó tulajdonságait, ami meg a francia a jobb és alsó széléhez. Ezek ingatlanok értéke egyenértékű értékek top: Element magasság - 10px és balra: szélesség elem - 10px.
Csak az abszolút pozicionálás néha használják, ha ez szükséges ahhoz, hogy a „ütközés” az egyik elemről a másikra.
Statikus pozicionálás (statikus)
A leggyakoribb típus a helymeghatározás fordul elő, hogy minden oldalon, és általában adott a legtöbb elem - statikus, a css van írva, mint a statikus. A legtöbb érték HTML alapértelmezés szerint definiált, azaz ha a helyzet nincs kifejezetten megadva, az érték lehet statikus. Ezzel az elrendezéssel, a elemek úgy vannak elrendezve egymás alá és koordináták minden egyes elemének az ablakban függ az elemek legközelebbi összesen: statikus vagy helyzet: a relatív. Az ingatlan felső, bal, jobb, alsó nem fog működni ez a pozicionálás, változtassa meg a helyét a tulajdonságok miatt az árrés.
Relatív pozicionálás (relatív)
Ez a fajta helyzete nagyon hasonlít egy statikus, kivéve, hogy a helyét a tételt meg lehet változtatni a tulajdonságok felső, bal, jobb, alsó és árrés.
Rögzített elhelyezés (fix)
Rögzített pozicionálási tulajdonságokat a koordináták megadásával, mint az abszolút, de a hely nem viszonyítva számítják ki egy HTML oldalra, és a relatív a böngésző ablakot, azaz ha tulajdon top: 10px, akkor a felső margó egyenlő 10px az ablakon böngésző és függetlenül attól, hogy milyen szinten van görgetés az oldal, az elem mindig követni a képernyőn.
Jellemzően használt navigációs elemeket, amelyek a felhasználó mindig szem előtt fontos információt, vagy linkek érdekes oldalakat.
Hasonló bejegyzések
- HTML-tag img képek hozzáadása
- Címkék és HTML attribútumokat. 2. rész.
- HTML-űrlap és annak alapelemeit