13 14 body { background: #0000ff; color: #ff0000;} div #container width: 440px; height: 400px; background: #ff0000; color: #0000ff; margin: 0 auto 0 auto;} A bal és jobb margóra beállított auto margin – a specifikáció szerint – középre helyezést jelent, így szépen középen van az oldalunk. Itt természetesen a height tulajdonság megadása nem kötelező, csak a példa miatt írtam hozzá. Amennyiben a lap szélességét nem fix értékekkel szeretnénk megadni, úgy a margókat megadhatjuk%-os formában is: div #container { margin-left: 10%; margin-right: 10%;} Vertikális középre igazítás Igen gyakran előkerül, hogy hogyan lehetne középre igazítani valamit CSS-el; a válasz itt is nagyon egyszerű: a felső és alsó margók beállításával. Üdvözlünk a Prog.Hu-n! - Prog.Hu. Csakhogy ez a megoldás nem mindig működik, mert egy ismeretlen magasságú (például százalékos méret, vagy bekezdés, ami font-mérettől függő) elemet így nem igazán tudunk középre helyezni. Szerencsére van erre is megoldás: az abszolút pozícionálás. Ez igazából csak a fentebb mutatott container divek esetében járható megoldás, egyéb elemet nem igazán lehet vele pozícionálni… 15 16 17 18 position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -220px;} Hogyan működik?
Ehhez a class paramétert használtuk, és utána megadtuk az adott osztályneveket (balra, kozepre, jobbra, fixszeles). Önmagában ez még semmiféle eredményt nem hozna, a lap tetején létre kellett hoznunk a megfelelő osztályokra vonatkozó definíciókat is. Amint a példából is látható, a tag neve után egy pontot kellett raknunk, amelyet az osztály neve követ. A {text-align:right;} szabály azt jelenti tehát, hogy amennyiben egy bekezdés a jobbra osztályba van sorolva a class="jobbra" paraméterrel, akkor legyen igaz rá, hogy jobbra van igazítva (text-align:right). Ha jól megfigyeljük a példát, láthatjuk hogy egy taget akár több osztályba is besorolhatunk. Wordben függőleges középre igazítás hogyan?. Ehhez az osztályok neve között szóközt kell kihagynunk. Mivel a második bekezdést nem csak a jobbra osztályba, hanem a fixszeles osztályba is besoroltuk, ezért a jobbra igazítás mellett érvényes lesz rá az is, hogy fix szélességű betűtípussal jelenik meg. A fenti példában a jobbra, balra, kozepre osztály csak aelemre vonatkozik. Ha ezt nem akarjuk, akkor általános osztályt is létrehozhatunk.
Fontos Ezt a fajta megadást inline, vagyis beágyazott megadásnak nevezzük, és bár most megismertük a használatát, hogy kipróbálhassunk bizonyos formázásokat, a gyakorlatban lehetőleg ne ezt használjuk, ugyanis ennek a megoldásnak számos hátránya van: A style paraméter használatával a kód átláthatósága csökken, és nő a redundancia is, hiszen esetenként ugyanazt a kódot kell több helyre is beszúrnunk a kívánt hatás eléréséhez. Emellett az arculat megváltoztatása roppant körülményes lesz, hiszen nagyon sok helyen kell átvezetni az esetleges módosításokat. Összefoglalva: ezzel a megoldással nem tudjuk jól kihasználni a tartalom és megjelenés szétválasztásában rejlő hatalmas előnyöket. Megjegyzés A style elem használatának egy említésre méltó előnye van a mi szempontunkból, mégpedig az, hogy a tananyagunkban szereplő interaktív példákban is egyszerűen használható, ha egy adott elem kinézetének beállításával kísérletezünk. Akkor mit használjunk helyette? Vissza a tartalom j egyzékhez Lapon belüli definíció, típusszelektor használattal A CSS szabvány lehetővé teszi, hogy az egyes tulajdonságokat ne közvetlenül az adott elemnél adjuk meg, hanem a lap
részében, illetve akár külső stílusállományban is.Jelen esetben ebben ez szerepel: Forráskód p { text-align:justify; font-family:monospace;} Ez tipikus példája az úgynevezett típusszelektor használatának. Mivel a
tagre akartuk beállítani a szabályt, ezért a
tag nevét írtuk le szelektorként. Ezután kapcsos zárójelek között adtuk meg a tulajdonságokat, azokat, amelyek korábban a style paraméterben szerepeltek. A fenti stílusmegadás hatására a lapon belül minden bekezdésre érvényes lett a megadott tulajdonság, vagyis nem is kellett a
tageket kiegészíteni különböző paraméterekkel. Persze nem mindig ilyen egyszerű a dolgunk. Mi történik akkor, ha bizonyos bekezdéseket balra, másokat középre, illetve jobbra szeretnénk igazítani. Ebben az esetben érdemes megismernünk az osztályokban (class) rejlő lehetőségeket. Vissza a tartalom j egyzékhez Osztályok használata Lássunk erre is egy szemléltető, kipróbálható kódot. Az osztály használata itt azt jelenti, hogy az egyes
tageket elláttuk azokkal az osztálynevekkel, amelyek utalnak a tulajdonságaikra.
wg Zetafenyoster ovisoknak wg Edit345 b vagy d illik a szavakba? Prawda czy fałsz Betű - differenciálás wg Zskandi wg Ldonko 4. osztály Tizedestörtek növekvő sorrenbe rendezése Ustawianie w kolejności wg Sulimunka 5. osztály Százalékláb kiszámítása wg Bajzatbogi67 Találós kérdések ovisoknak wg Evawellner Melyik virág hiányzik a sorból? Szerialitás vizuális figyelem Összeadás, kivonás 500-ig Przebij balon wg Botvoskatabj Egész számok Losowe karty wg Molnar0217 Süt a nap! Matek feladatok ovisoknak 4. - emlékezet Hogyan mondod másképpen? virágok Anagram Matek 1 osztály páros, páratlan wg Vidajozsef1 Szókereső - madarak (ly - j) Znajdź słowo Matek 3. Aut csoport Olvasás wg Takacs3 Szorzótáblák Tavasszal kapcsolatos kérdések ovisoknak wg Szelingerheni Matek 2 wg Turani Matek feladatok wg Erosd Föld napja - ovisoknak Test obrazkowy wg Eszternéni Találós kérdések madarakkal - ovisoknak wg Digimatekalso Ismétlő feladatok 3. o. nyilv. wg Herczegnata Matek - szorzótáblák wg Nykdora Matek- Párosítás wg Zsanna0628 Szöveges feladatok 2. osztály szorzás wg Rytuslagoon wg Szabina01 wg Oronovrea wg Zambonanna02 wg Fagnesanna wg Besenyeibetti 3. osztály
Leírás 50 matek feladatlap óvodásoknak környezetünk védelméről 50 feladatlap az iskolába készülő ovis gyermekeknek a matematika különböző területeiről a feladatlapokon megjelenő rajzok és a feladatlapok által feldolgozott témák a környezeti neveléshez kapcsolódnak, így hasznos kiegészítői lehetnek a gyerekekkel folytatott beszélgetéseknek A feladatgyűjtemény egy 64 oldalas PDF dokumentum, amely 50 oldal feladatlapot és azok megoldásait tartalmazza. Egy-egy feladatlapon témakörtől függően 1-4 feladat található.
Az aktuálisan ingyenesen rendelkezésre álló pályákat, valamint az egybeszerkesztett megoldásokat az érdeklődő pedagógusoknak e-mailben küldjük el havi rendszerességgel. Kérjük, ehhez az oldal alján adja meg nevét és e-mail címét. A Logirintus játékideje: 40-90 perc (pályától függően), a feladatok utólagos közös feldolgozásának tempója kb. 4-8 feladat / 45 perc. 5-6. Nehezebb versenyfeladatok A Medve Szabadtéri Matekverseny országos döntőjén kiadott feladatok nehezedő sorrendben, kidolgozott megoldásokkal. Szakköri feldolgozásra, matekverseny-felkészüléshez ajánljuk. Egy 45 perces foglalkozáson kb. 2-4 feladat dolgozható fel, érdemes a feladatokat előre kiadni a diákoknak. 7-8. 9-10. Nehezebb versenyfeladatok A Medve Szabadtéri Matekverseny országos döntőjén kiadott feladatok nehezedő sorrendben, kidolgozott megoldásokkal. 50 ovis feladatlap környezetünk védelméről (letölthető PDF) - Zöld Matek. 11-12. Az alábbiakban feliratkozó pedagógusoknak havi rendszerességgel elküldjük az újonnan elérhetővé váló feladatsorainkat és oktatási tartalmainkat SZUMMÁRUM c. oktatási hírlevelünkben.
Labirintus szerző: Kongyigyi15 Szókereső szerző: Talaberabel szerző: Gaszporcsalad Ady Endre feladatok szerző: Jagica 11. osztály Irodalom Ady Endre szerző: Kocsistimi65 szerző: Bacskai szerző: Savai2 szerző: Mirahercegno12 2. osztály szerző: Meraidorottya szerző: Liptaknikoletta 7. osztály szerző: Nagynatalia19 Doboznyitó, matek.