hu en sv en hu it hu en hu de hu ja hu hu hu hu hu hu hu hu it hu hu ceb hu en hu hu hu tr hu hu tr hu hu hu hu hu cs en hu nb hu hu hu hu cs en hu es en hu hu hu hu cs hu hu hu hu hu hu hu hu cs hu hu hu hu hu hu hu cs hu hu hu hu hu hu hu cs en hu nl en hu hu hu hu es es es tr en hu hu hu hu hu hu hu hu hu fr hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu en hu it hu en hu de hu ja hu hu hu hu hu es es es tr en hu
Mi az a CSS kijelölő, azaz szelektor? (CSS selector használata) - WEBiskola
Weboldalszerkesztő (HTML, CSS, JS kódszerkesztő) HTML-színkód generátor (Hexadecimális, RGB, HSL színkód kereső)
A CSS selector-okat (vagy kijelölőket) arra használjuk, hogy “kijelöljünk” velük egy elemet, amit formázni szeretnénk CSS segítségével..
A CSS selector-t nagyon sokféleképpen lehet nevezni. Angolul selectornak hívják, mi magyarok nyersfordításban szelektornak, vagy kijelölőnek hívjuk. De mire is valók ezek a CSS kijelölők? A CSS selector-okat arra használjuk, hogy “kijelöljünk” velük egy elemet, amit szerkeszteni szeretnénk.
Bármelyik HTML elemeket kijelölhetjük, legyen szó akár egy p-ről, vagy div-ről.
p { color:red; } Code language: CSS (css)
Az elemeinknek adhatunk egy azonosítót vagy egy osztálykijelölőt, amelyekre később hivatkozhatunk. Az id-ról itt, a class-ról itt tanulhatsz.
#id { color:red; } .class { background-color:yellow; }        ID   class      Code language: HTML, XML (xml)
Egyszerre akár két elemre is hivatkozhatsz. Például egy div elemen belül lévő p elemre.
HTML + CSS kód
div p { color:red; }         DIV-ben lévő p.    Nem DIV-ben lévő p      Code language: HTML, XML (xml)
Nem DIV-ben lévő p
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
CSS segítségével úgynevezett álelemeket is kijelölhetünk. Az álelemek olyan elemek, amelyeket konkrétan nekünk nem kell lekódolnunk, de attól függetlenül még beépítetten léteznek. Azaz például létrehozhatunk egy  -et, majd hivatkozhatunk a h1 előtt lévő területre.
HTML + CSS kód
h1::before { content:"Ezt rakom elé: "; }        Ez egy címsor.      Code language: HTML, XML (xml)
Ezt rakom elé: Ez egy címsor.
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
Segítségével egy elem speciális állapotára vonatkozólag tehetünk meghatározásokat. Például beállíthatjuk, hogy egy elem másképp viselkedjen, ha fölé húzzuk az egeret.
HTML + CSS kód
p:hover { color:red; }        Ha fölé viszed az egeret, akkor megváltozik a színe.      Code language: HTML, XML (xml)
Ha fölé viszed az egeret, akkor megváltozik a színe.
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
Egy adott elem egy adott tulajdonságára vonatkozólag is jelölhetünk ki. Például csak azokra a hivatkozásokra állítunk be különböző stílust, ahol a link másik oldalon nyílik meg.
HTML + CSS kód
a[target=_blank] { color:red; }        _blank    _self      Code language: HTML, XML (xml)
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!
HTML elemek: Minden, amit tudnod kell a HTML-elemekről
HTML alapok (A HTML webprogramozás alapjai)
CSS alapok (A CSS alapjainak összefoglalója)
#CSS #css kezdőknek #css kijelölő #css magyar #css magyar nyelven #CSS programozás #css selector #css szelektor #css webprogramozás #magyar css #webfejlesztés #webprogramozás alapjai #webprogramozás alapok
Mi az a CSS? A CSS bemutatása
Mi az a CSS kijelölő, azaz szelektor? (CSS selector használata)
A legfontosabb, legalapvetőbb CSS parancsok, utasítások
CSS használatának, csatolásának módszerei
A CSS használata [CSS használati útmutató]
CSS komment, azaz megjegyzés használata (CSS comments)
Színek használata CSS segítségével (CSS colors)
Szövegszín beállítása CSS-ben (CSS color)
CSS háttérszín beállítása (CSS background-color)
CSS színátmenet (Lineáris és sugárirányú CSS gradient)
CSS háttérkép beállítása (CSS background-image)
Dőlt betű beállítása CSS-el (CSS italic)
Szöveg aláhúzás CSS segítségével (CSS underline)
CSS szövegformázás (Szövegszín, szövegigazítás, szövegátalakítás, szövegdekoráció, szövegárnyék, szöveg háttér)
CSS keretek, szegélyek használata (CSS border)
CSS margó beállítása (CSS margin)
CSS alapok (A CSS alapjainak összefoglalója)
CSS padding használata (CSS padding magyarul)
CSS hivatkozások, linkek formázása (HTML a elem formázása CSS segítségével)
CSS táblázat formázás (CSS table)
Gomb formázása CSS-el (CSS button)
CSS képigazítás (Kép igazítása középre, balra, jobbra CSS-el)
Reszponzív weboldal készítése (Viewport és CSS Media Query)
CSS pozíció (abszolút, relatív, rögzített, statikus, ragadós)
Mi az a z-index és hogyan kell használni?
CSS float használata (CSS úsztatás, lebegés)
CSS szélesség, magasság (width, height, max-width, max-height, min-width, min-height)
CSS fonts (betűkészlet, betűtípus, betűvastagság)