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 hu en hu hu cs hu hu hu hu hu hu hu hu hu cs hu hu hu hu hu hu hu en hu hu cs hu cs en hu hu hu 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
CSS szintaktikája, szintaxisa - WEBiskola
Weboldalszerkesztő (HTML, CSS, JS kódszerkesztő) HTML-színkód generátor (Hexadecimális, RGB, HSL színkód kereső)
Ahhoz, hogy megfelelően tudjunk formázni CSS-el, ahhoz elengedhetetlen a CSS szintaktikájának tökéletes ismerete. Ez tanulható meg ebből a cikbből.
Ahhoz, hogy megfelelően működő CSS kódokat írjunk, muszáj ismernünk a szintaxisát. A jó hír az, hogy a CSS szintaktikája nagyon egyszerű. Viszont három esetet kell megvizsgálnunk: az egyik, amikor a HTML elemen belül adjuk meg a formázási lehetőségeket, a másik amikor egy külső fájlba, a harmadik pedig amikor a   szekcióba. Szerencsére mindegyik módszer nagyon egyszerű.
CSS szintaktikája a HTML elemen belül
Ebben az esetben a CSS formázásokat az adott elem nyitó címkéjébe adjuk meg az alábbi módon:
TARTALOM  Code language: HTML, XML (xml)
Az “ELEM” helyére értelemszerűen az elem neve kerül, például p, div stb. Ezután következik a “style=” ezt hagyjuk változatlanul. Az egyenlőség jel után kell írni az adott elemre értelmezendő stílusbeállításokat. Ide jön például, hogy a szín legyen piros, amelyet úgy adhatunk meg, hogy: color:red;
Ez a szöveg piros.  Code language: HTML, XML (xml)
CSS szintaktikája a  -en belül
Ilyenkor az összes CSS stílusbeállítás a HTML dokumentum   részébe kerül. Ez a megoldás azért sokkal jobb, mint az előző, mert itt beállíthatjuk, hogy egyszerre az összes azonos elem ugyanazokat a stílusbeállításokat örökölje. Míg az előző megoldásnál ez nem volt lehetséges, hiszen ott csak egyetlen egy elemet tudtunk egyszerre formázni. Nézzük a  -en belüli megvalósítást:
ELEM { STÍLUSBEÁLLÍTÁSOK; }   Code language: HTML, XML (xml)
Csak úgy mint fentebb, az “ELEM” helyére a szerkeszteni kívánt elem neve kerül, például p, a “STÍLUSBEÁLLÍTÁSOK” helyére szükséges beírnunk, hogy mit és hogyan szeretnénk formázni. Nézzünk rá egy példát, úgy könnyebb megérteni.
p { color:red; }        Ez a szöveg piros.      Code language: HTML, XML (xml)
Ez a szöveg piros.
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
A sárgával kiemelt részen van a hangsúly, ott határozzuk meg, hogy az összes  -ban található p elem színe piros legyen.
CSS szintaktikája külső fájlban
Ez a megoldás terjedt el a leginkább, hiszen itt már valóban le van választva a CSS a HTML-től. Így akár egyetlen egy CSS fájlt, több HTML dokumentumban is használhatunk. A szintaxisa így fest:
Code language: HTML, XML (xml)
A fenti kódban semmit sem kell megváltoztatnunk, csak egyedül a CSS elérési útvonalát. Ha a HTML fájl és a CSS dokumentum ugyanabban a mappában van, akkor elég csak a CSS nevét megadni a kiterjesztéssel együtt. Alább látható egy példa:
link rel=stylesheet type="text/css" href="stilus.css">      Ez a szöveg piros.      Code language: HTML, XML (xml)
p { color:red; } Code language: CSS (css)
Ez a szöveg piros.
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
A HTML kódban látható kiemelés mutatja, hogy hogyan adtuk meg a külső CSS fájlt és eléri útvonalát, a CSS kódban lévő kiemelés pedig azt mutatja, hogy milyen stílust alkalmaztunk.
Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!
CSS alapok (A CSS alapjainak összefoglalója)
CSS használatának, csatolásának módszerei
HTML elemek: Minden, amit tudnod kell a HTML-elemekről
Mi az a CSS? A CSS bemutatása
#CSS #css kezdőknek #css magyar #css magyar nyelven #css szintaktikája #css szintaxisa #css webprogramozás #magyar css #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)