Mi a CSS?
Egyszerűen megfogalmazva a CSS-el formázhatjuk meg a weboldalunk megjelenését. A HTML kód felel a tartalomért, azzal szerkesztjük meg a weboldalunk tartalmi részét, a CSS pedig felel a külalakért, hogy a weboldalon melyik rész, hogy nézzen ki. Pl.: a szöveg nagy es kék legyen, vagy egy kép méretét, vagy hogy egy szövegrész alul, felül, vagy középen helyezkedjen el.
CSS-sel több mindent meg lehet oldani a weboldalon a kinézetet tekintve, néhány a sok közül:
- háttérkép beállítása
- háttérszín beállítása
- szövegméret beállítása
- szövegszín beállítása
- betűtípus meghatározása
- képek elhelyezkedésének meghatározása
- szövegigazítás változtatása
- tartalmak keretezése
- margó beállítása
Hogy néz ki egy CSS kód?
A CSS fájl létrhozásakor létrejön egy CSS típusú állomány, melynek neve bármi lehet, pl. stilus.css. A CSS fájlba az utasításokat a kötkezőképpen írhatjuk be, először jön az ELEM NEVE aztán a TULAJDONSÁGA és végül a tulajdonság ÉRTÉKE. Ennek a felírása a következőképp történik:
ELEM {
TULAJDONSÁG: ÉRTÉK;
}
Fontos! Ezt a kódfelépítést kötelező követnünk, különben nem fog működni a kódunk. Elem neve kapcsos zárójel nyit, tulajdonság: érték, kapcsos zárójel zár. Több tulajdonság is felsorolható, célszerű egymás alá, a sorokat pontosvesszővel kell lezárni.
Nézzünk egy egyszerű példát:
body {
background-color: #123abc;
margin: 50px;
}
Ebben a kódban a kötvetkezőket tettük:
A body HTML elem azaz az egész weboldal hátterét állítottuk be valamilyen színre és az oldal szélén lévő margókat 50 pixelre.
Próbáld ki: Kattint ide!
