A CSS (Cascading Style Sheets) egy stíluslapnyelv, amelyet egy jelölőnyelven írt dokumentum megjelenítésének leírására használnak. A weboldalak elrendezésének, betűtípusainak, színeinek és egyéb vizuális szempontjainak szabályozására szolgál.
A CSS vagy a Cascading Style Sheets egy kódolási nyelv, amelyet weboldalak stílusára és formázására használnak. Lehetővé teszi a webtervezők számára, hogy szabályozzák a szövegek, képek és egyéb elemek megjelenését a webhelyen, beleértve azok méretét, színét és pozícióját az oldalon. Egyszerűbben fogalmazva, a CSS segítségével a webhelyek szépek és rendezettek.
A CSS vagy a Cascading Style Sheets egy programozási nyelv, amelyet egy HTML-ben vagy XML-ben írt dokumentum megjelenítésének leírására használnak. A CSS a webhely stílusának meghatározására szolgál a HTML-lel együtt, és egy szabályalapú nyelv, amely lehetővé teszi a szabályok meghatározását stíluscsoportok megadásával, amelyeket a weboldal adott elemeire vagy elemcsoportjaira kell alkalmazni.
A CSS egy hatékony eszköz, amellyel egyszerre több weboldal elrendezését is vezérelheti, sok munkát megtakarítva ezzel. Szövegszínek, dobozok és egyéb elemek módosításával gyönyörű és funkcionális webhelyeket hozhat létre. A CSS leírja, hogyan kell az elemeket megjeleníteni a képernyőn, papíron, beszédben vagy más médián, így a webfejlesztés elengedhetetlen részévé válik.
Legyen Ön kezdő vagy tapasztalt webfejlesztő, a CSS ismerete döntő fontosságú a tetszetős és felhasználóbarát webhely létrehozásához. Ebben a cikkben részletesebben megvizsgáljuk, mi is az a CSS, hogyan működik, valamint a CSS különböző típusai. Megvizsgálunk néhány bevált gyakorlatot is a CSS használatával lenyűgöző, funkcionális és vizuálisan tetszetős webhelyek létrehozására.
Mi a CSS?
A CSS vagy a Cascading Style Sheets egy programozási nyelv, amelyet egy HTML vagy XML formátumban írt dokumentum megjelenítésének leírására használnak. HTML elemek stílusának kialakítására és több weboldal elrendezésének egyidejű szabályozására szolgál.
Meghatározás
A CSS egy szabályalapú nyelv, amely meghatározza az elemek képernyőn, papíron, beszédben vagy más adathordozón való megjelenítésének szabályait. Lehetővé teszi a fejlesztők számára, hogy elkülönítsék a weboldal megjelenítését a tartalmától, így könnyebben karbantarthatók és frissíthetők.
Történelem
A CSS-t először 1996-ban vezették be, és azóta számos frissítésen és átdolgozáson esett át. A HTML stílus és elrendezés korlátaira fejlesztették ki. A CSS előtt a HTML-t használták a weboldal szerkezetének és megjelenítésének meghatározására. Ez azonban megnehezítette a webhely elrendezésének vagy kialakításának megváltoztatását.
Fontosság
A CSS kulcsfontosságú szerepet játszik a webfejlesztésben, mivel lehetővé teszi a fejlesztők számára, hogy tetszetős és reszponzív webhelyeket hozzanak létre. Lehetővé teszi a webhely megjelenítésének nagyobb ellenőrzését, és lehetővé teszi a fejlesztők számára, hogy egységes megjelenést és érzetet hozzanak létre több weboldalon.
Összefoglalva, a CSS elengedhetetlen eszköz a webfejlesztők számára, hogy tetszetős és reszponzív webhelyeket hozzanak létre. Elválasztja a webhely megjelenítését a tartalmától, és lehetővé teszi a fejlesztők számára, hogy egységes megjelenést és érzetet hozzanak létre több weboldalon.
CSS alapok
A CSS egy hatékony stílusnyelv, amellyel a weboldalak elrendezését formázhatjuk. Ebben a részben a CSS néhány alapfogalmával foglalkozunk, beleértve a szintaxist, a kiválasztókat, a tulajdonságokat és az értékeket.
Szintaxis
A CSS egy szabályalapú nyelv, amely szabályokat használ annak meghatározására, hogy a HTML-elemek hogyan jelenjenek meg a weboldalon. A CSS-szabály egy választóból és egy deklarációs blokkból áll. A kiválasztó a stílushoz tartozó HTML elemre mutat, míg a deklarációs blokk egy vagy több deklarációt tartalmaz pontosvesszővel elválasztva. Minden deklaráció tartalmaz egy CSS-tulajdonságnevet és egy értéket, kettősponttal elválasztva.
Válogatók
A szelektorok a weboldal meghatározott HTML-elemeinek megcélzására szolgálnak. A választóknak többféle típusa létezik, beleértve az elemválasztókat, az osztályválasztókat, az azonosítóválasztókat és az attribútumválasztókat. Az elemválasztók meghatározott HTML-elemeket, míg az osztályválasztók egy adott osztályattribútummal rendelkező elemeket céloznak meg. Az azonosító szelektorok meghatározott azonosító attribútummal célozzák meg az elemeket, míg az attribútumválasztók egy adott attribútummal célozzák meg az elemeket.
Ingatlanok
A CSS-tulajdonságok a HTML-elemek vizuális megjelenésének szabályozására szolgálnak egy weboldalon. Számos CSS-tulajdonság áll rendelkezésre, többek között a szín, a betűméret, a háttérszín és a margó. A CSS-tulajdonságok meghatározott értékekre, például színre vagy betűméretre állíthatók be az elemek megjelenítésének szabályozásához.
Értékek
Az értékek a CSS-tulajdonságok konkrét értékeinek beállítására szolgálnak. Például a színtulajdonság beállítható egy adott színértékre, például pirosra, zöldre vagy kékre. Más tulajdonságok, például a betűméret, meghatározott értékekre állíthatók be, például 12 képpont vagy 16 képpont.
Szabályok és elsőbbség
A CSS-szabályok a weboldal adott HTML-elemeinek stílusának beállítására szolgálnak. Ha több szabály vonatkozik ugyanarra az elemre, a legmagasabb specifikusságú és a legutóbb alkalmazott szabály élvez elsőbbséget. Egyes esetekben szükség lehet az !important kulcsszó használatára más szabályok felülbírálásához és egy adott stílus alkalmazásának biztosításához.
Összefoglalva, a CSS egy erőteljes stílusnyelv, amellyel a weboldalak elrendezését formázhatjuk. A CSS-szintaxis, a szelektorok, a tulajdonságok és az értékek alapjainak megértésével gyönyörű és reszponzív weboldalakat hozhat létre, amelyeken könnyű navigálni és tetszetős.
CSS-verziók
A CSS az évek során fejlődött, és új verziók kerültek bevezetésre, hogy megfeleljenek a webfejlesztők változó igényeinek. Jelenleg a CSS-nek négy fő verziója létezik: CSS1, CSS2.1, CSS3 és CSS4.
CSS1
A CSS1 volt a CSS első verziója, amelyet 1996-ban adtak ki. Alapvető stílusbeállításokat biztosított, mint például a betűtípus színe, mérete és stílusa. Lehetővé tette egyszerű elrendezések létrehozását is az elemek oldali pozíciójának megadásával. A CSS1 jelentős előrelépést jelentett a weboldalak stílusának korábbi módszereihez képest, amelyek az elemek megjelenésének meghatározásához HTML-címkéket tartalmaztak.
CSS2.1
A CSS2.1 1998-ban jelent meg, és számos új funkcióval bővült, beleértve a médiatípusok támogatását, például a nyomtatást és a képernyőt, valamint az elemek megjelenítési sorrendjének meghatározását. Bevezette a szelektorok koncepcióját is, amely lehetővé tette a fejlesztők számára, hogy megcélozzák az oldal meghatározott elemeit, és stílusokat alkalmazzanak rájuk.
CSS3
A CSS3 1999-ben jelent meg, és a CSS legújabb verziója. Új funkciók széles skálájával bővült, beleértve az animációk, átmenetek és színátmenetek támogatását. A CSS3 új elrendezési lehetőségeket is bevezetett, mint például a flexbox és a grid, amelyek lehetővé teszik bonyolultabb elrendezések létrehozását kevesebb kóddal. A CSS3-at ma is széles körben használják, és a modern webfejlesztés szabványává vált.
CSS4
A CSS4 jelenleg fejlesztés alatt áll, és várhatóan a közeljövőben jelenik meg. Számos új funkciót vezet be, beleértve a változók támogatását, amelyek lehetővé teszik a fejlesztők számára, hogy meghatározzák és újra felhasználják az értékeket stíluslapjaikon. A CSS4 új elrendezési lehetőségeket is tartalmaz majd, például konténerlekérdezéseket, amelyek lehetővé teszik a fejlesztők számára, hogy adaptív terveket hozzanak létre, amelyek alkalmazkodnak a tároló méretéhez.
Összefoglalva, a CSS hosszú utat tett meg a kezdetek óta, új verziók kerültek bevezetésre, hogy megfeleljenek a webfejlesztők változó igényeinek. Mindegyik verzió új funkciókkal és képességekkel egészült ki, ami megkönnyíti az összetett elrendezések és stílusok létrehozását. A CSS4 megjelenésével a webfejlesztés jövője fényesnek tűnik, még hatékonyabb eszközök és lehetőségek állnak a fejlesztők rendelkezésére.
CSS és HTML
A CSS és a HTML két külön nyelv, amelyet weboldalak létrehozására használnak. A HTML egy jelölőnyelv, amelyet a weboldal tartalmának strukturálására használnak, míg a CSS-t a tartalom stílusára és formázására használják. Ebben a részben megvizsgáljuk, hogyan működik együtt a CSS és a HTML, hogy vizuálisan tetszetős weboldalakat hozzon létre.
HTML elemek
A HTML elemek egy weboldal építőkövei. Ezek azok a címkék, amelyek meghatározzák a weboldal szerkezetét és tartalmát. A HTML-elemek segítségével címsorokat, bekezdéseket, listákat, képeket stb. hozhatunk létre. Minden HTML-elemnek megvannak a saját tulajdonságai, amelyek CSS segítségével stílusozhatók.
Jelölőnyelv
A HTML egy jelölőnyelv, amely címkéket használ a weboldal szerkezetének meghatározására. A címkék a tartalom bezárására és jelentésük megadására szolgálnak. Például a <h1> címke egy legfelső szintű címsor meghatározására szolgál, míg a <p> címke egy bekezdés meghatározására szolgál. A HTML egy hatékony nyelv, amellyel összetett weboldalak hozhatók létre.
Linkek
A linkek minden weboldal elengedhetetlen részét képezik. Lehetővé teszik a felhasználók számára az oldalak közötti navigálást és a külső erőforrások elérését. A hivatkozások a <a> tag, és CSS segítségével stílusozható. A hivatkozások arra is használhatók, hogy könyvjelzőket hozzanak létre egy weboldalon belül, lehetővé téve a felhasználók számára, hogy gyorsan az oldal bizonyos részeire ugorjanak.
Összességében a CSS és a HTML együtt dolgozik, hogy tetszetős weboldalakat hozzon létre. A HTML határozza meg a weboldal szerkezetét és tartalmát, míg a CSS-t a tartalom stílusára és formázására használják. A HTML és a CSS együttes használatával a webfejlesztők gyönyörű és funkcionális webhelyeket hozhatnak létre, amelyeken könnyű használni és navigálni.
CSS és webdesign
A CSS kulcsfontosságú szerepet játszik a webdesignban. Lehetővé teszi a fejlesztők számára, hogy szabályozzák a weboldalak vizuális megjelenését, és biztosítsák a konzisztenciát több oldalon. Ebben a részben megvizsgáljuk, hogy a CSS hogyan befolyásolja a webdizájn különböző aspektusait, beleértve az elrendezést, a tipográfiát, a színeket és a képeket.
elrendezés
A CSS segítségével a webfejlesztők szabályozhatják a weboldalak elrendezését. A CSS használatával a fejlesztők különböző elemeket helyezhetnek el egy weboldalon, szabályozhatják ezen elemek méretét, és biztosíthatják, hogy a különböző eszközökön konzisztensen jelenjenek meg. A CSS azt is lehetővé teszi a fejlesztők számára, hogy reszponzív terveket hozzanak létre, amelyek alkalmazkodnak a különböző képernyőméretekhez, biztosítva, hogy a weboldalak minden eszközön elérhetők legyenek.
Tipográfia
A CSS számos lehetőséget kínál a fejlesztőknek a weboldalak tipográfiájának szabályozására. A CSS segítségével a fejlesztők szabályozhatják a betűcsaládot, a betűméretet, a sormagasságot és a szöveg betűközét a weboldalon. Szabályozhatják a szöveg igazítását és a weboldal különböző elemei közötti távolságot is.
színek
A CSS segítségével a fejlesztők szabályozhatják a weboldalon használt színeket. A CSS segítségével a fejlesztők beállíthatják a weboldal háttérszínét, megváltoztathatják a szöveg színét, és szabályozhatják a weboldal különböző elemeinek színét. A CSS emellett lehetőséget biztosít a fejlesztőknek színátmenetek és egyéb összetett színeffektusok létrehozására.
képek
A CSS lehetővé teszi a fejlesztők számára, hogy szabályozzák a képek megjelenítését egy weboldalon. A CSS segítségével a fejlesztők szabályozhatják a képek méretét, beállíthatják a képek pozícióját a weboldalon, és szabályozhatják a képek átlátszatlanságát. A CSS lehetőséget biztosít a fejlesztőknek összetett képeffektusok, például vetett árnyékok és szegélyek létrehozására is.
Összefoglalva, a CSS a webdesign elengedhetetlen eszköze. Lehetővé teszi a fejlesztők számára, hogy szabályozzák a weboldalon használt elrendezést, tipográfiát, színeket és képeket, így biztosítva, hogy a weboldalak tetszetősek és minden eszközön elérhetők legyenek.
CSS és webfejlesztés
A CSS vagy a Cascading Style Sheets elengedhetetlen eszköz a webfejlesztők számára. Lehetővé teszi számukra a HTML és XML dokumentumok megjelenítésének szabályozását, beleértve az elrendezést, a színeket, a betűtípusokat és egyebeket.
Külső CSS
A külső CSS egy külön fájl, amely tartalmazza a webhelyek által használt összes stílust. Ez a fájl a HTML-dokumentumhoz kapcsolódik a címke. A külső CSS nagyszerű módja annak, hogy a prezentációt a tartalomtól elkülönítve tartsa, megkönnyítve a webhely karbantartását és frissítését. Ezenkívül lehetővé teszi a konzisztenciát a webhely több oldalán.
Belső CSS
A belső CSS-t a HTML-dokumentumban adjuk meg a tag. It is useful when you want to apply styles to a single page or a specific section of a website. However, it can make the HTML document cluttered and harder to read.
Soros CSS
A beágyazott CSS a HTML elemen belül van meghatározva a style attribútum használatával. Akkor hasznos, ha stílusokat szeretne alkalmazni egy adott elemre. Ez azonban zsúfolttá és nehezebben olvashatóvá teheti a HTML-dokumentumot. Nem ajánlott a beágyazott CSS használata nagyszabású stílushoz.
Média lekérdezések
A médialekérdezések az eszköz képernyőméretétől függően különböző stílusok alkalmazására szolgálnak. Ez lehetővé teszi, hogy egy webhely reszponzív legyen, és alkalmazkodjon a különböző eszközökhöz, például telefonokhoz, táblagépekhez és asztali számítógépekhez. A médialekérdezések a külső CSS-fájlban vagy a HTML-dokumentumban definiálhatók.
Összefoglalva, a CSS elengedhetetlen eszköz a webfejlesztők számára. Lehetővé teszi a prezentáció és a tartalom elkülönítését, megkönnyítve a weboldal karbantartását és frissítését. A külső CSS-t nagy méretű, míg a belső és a belső CSS-t kisebb méretű stílusokhoz ajánljuk. A médialekérdezések lehetővé teszik, hogy egy webhely reszponzív legyen, és alkalmazkodjon a különböző eszközökhöz.
CSS előnyei
A CSS egy hatékony eszköz, amellyel a webfejlesztők vizuálisan tetszetős és egységes weboldalakat hozhatnak létre. Íme a CSS használatának néhány előnye:
Sebesség
A CSS egyik fő előnye a gyorsasága. A CSS lehetővé teszi a fejlesztők számára, hogy elkülönítsék a weboldal tervezését és elrendezését a tartalmától. Ezzel a szétválasztással jelentősen csökkenthető egy weboldal betöltési ideje, mivel a böngészőnek nem kell minden oldalhoz több stíluslapot letöltenie. Ehelyett a böngésző gyorsítótárazza a stíluslapot, amely több oldalon is használható, ami gyorsabb oldalbetöltési időt eredményez.
Következetesség
A CSS segít a fejlesztőknek, hogy több weboldalon is egységes terveket hozzanak létre. Egyetlen stíluslap használatával a fejlesztők biztosíthatják, hogy a webhely összes oldalának megjelenése és hangulata egységes legyen. Ez a következetesség segíthet a felhasználói élmény javításában, mivel a felhasználók könnyebben navigálhatnak a weboldalon, és gyorsan megtalálhatják a számukra szükséges információkat.
karbantartás
A CSS megkönnyíti a webhelyek karbantartását és frissítését. A webhely dizájnjának és elrendezésének a tartalmától való elkülönítésével a fejlesztők a tartalom befolyásolása nélkül módosíthatják a designt. Ez azt jelenti, hogy ha egy weboldal kialakításán változtatni kell, azt gyorsan és egyszerűen meg lehet tenni anélkül, hogy a teljes weboldalt át kellene írni.
A CSS megkönnyíti a webhely elrendezésének módosítását is. A CSS használatával a fejlesztők újrafelhasználható stílusokat hozhatnak létre, amelyek egy weboldal több elemére is alkalmazhatók. Ez azt jelenti, hogy ha egy weboldal elrendezésén változtatni kell, azt gyorsan és egyszerűen megteheti a CSS stíluslap frissítésével.
Összefoglalva, a CSS egy hatékony eszköz, amely számos előnnyel jár a webfejlesztők számára. A CSS használatával a fejlesztők látványos és egységes weboldalakat hozhatnak létre, amelyek gyorsan betöltődnek, és könnyen karbantarthatók és frissíthetők.
CSS hivatkozások
Ha CSS-sel dolgozik, elengedhetetlen, hogy legyen egy megbízható hivatkozás, amelyet meg lehet nézni, ha ismeretlen tulajdonságokkal vagy szintaxissal találkozik. Szerencsére rengeteg forrás áll rendelkezésre a CSS megértéséhez és hatékony használatához.
W3C
A World Wide Web Consortium (W3C) a webes szabványok, köztük a CSS fejlesztéséért és karbantartásáért felelős elsődleges szervezet. Webhelyük átfogó CSS-referenciát kínál, amely a nyelv minden aspektusát lefedi, az alapvető szintaxistól a fejlett elrendezési technikákig. A hivatkozás tulajdonságok szerint van rendezve, és példákat tartalmaz mindegyik használatára.
A hivatkozáson kívül a W3C webhely rengeteg egyéb forrást is kínál a CSS tanulásához és használatához, beleértve az oktatóanyagokat, specifikációkat és bevált gyakorlatokat. Ha komolyan gondolja a CSS elsajátítását, a W3C webhely nélkülözhetetlen forrás.
Modulok
A CSS egy moduláris nyelv, ami azt jelenti, hogy különálló modulokból áll, amelyek kombinálásával komplett stíluslapot lehet létrehozni. Minden modul a CSS egy meghatározott területére összpontosít, például az elrendezésre, a tipográfiára vagy a színekre. A CSS modulokra bontásával könnyebben érthető és hatékonyan használható.
A W3C webhely az összes CSS-modul listáját tartalmazza a specifikációikra mutató hivatkozásokkal együtt. A legfontosabb modulok közül néhány:
- CSS-választók: Meghatározza a dokumentum elemeinek kijelölésének szintaxisát.
- CSS Box Model: Leírja, hogyan helyezkednek el az elemek az oldalon.
- CSS Grid Layout: Hatékony rendszert biztosít összetett elrendezések létrehozásához.
- CSS-átalakítások: Lehetővé teszi az elemek alakjának, méretének és helyzetének átalakítását.
- CSS-animációk: lehetővé teszi animációk és átmenetek létrehozását CSS használatával.
A különböző CSS-modulok megismerésével jártasabb CSS-fejlesztővé válhat, és fejlettebb és kifinomultabb terveket készíthet.
Összefoglalva, a megbízható CSS-referencia létfontosságú minden CSS-sel dolgozó fejlesztő számára. A W3C webhely sok más forrás mellett kiterjedt referenciát kínál a CSS elsajátításához. Ezenkívül a különböző CSS-modulok ismerete segíthet fejlettebb és kifinomultabb tervek létrehozásában.
CSS animációk
A CSS-animációk egy hatékony eszköz, amely lehetővé teszi a fejlesztők számára, hogy dinamikus és vonzó felhasználói élményt hozzanak létre webhelyeiken. Az animációk felhasználhatók arra, hogy felhívják a figyelmet az oldal bizonyos elemeire, visszajelzést adjanak a felhasználóknak, vagy egyszerűen vizuális érdeklődést keltsenek.
CSS-animáció létrehozásához először ki kell választania az animálni kívánt elemet, majd meg kell határoznia az animációt a CSS-tulajdonságok segítségével. A animation tulajdonság az animáció meghatározására szolgál, és számos olyan altulajdonsággal rendelkezik, amelyek lehetővé teszik az animáció időzítésének, időtartamának és egyéb részleteinek szabályozását.
Fontos megjegyezni, hogy az animációk erőforrásigényesek lehetnek, ezért fontos, hogy takarékosan és körültekintően használd őket. Az animációknak javítaniuk kell a felhasználói élményt, nem pedig csökkenteniük kell azt, ezért fontos, hogy alaposan tesztelje őket, és mérlegelje, hogyan befolyásolják webhelye általános teljesítményét.
Íme néhány kulcsfontosságú CSS-tulajdonság, amelyeket animációk létrehozásához használhat:
animáció-név
Ez a tulajdonság határozza meg az elemre alkalmazni kívánt animáció nevét. Több animációt is megadhat, és alkalmazhat az oldal különböző elemeire.
animáció-időtartam
Ez a tulajdonság határozza meg, hogy az animáció mennyi ideig tart. Megadhatja az időtartamot másodpercben vagy ezredmásodpercben.
animációs időzítés funkció
Ez a tulajdonság határozza meg az időzítési funkciót, amely az animáció sebességének szabályozására szolgál. Számos előre meghatározott időzítési funkció használható, mint pl linear, ease-inés ease-out, vagy létrehozhat saját egyéni időzítési funkciókat.
animáció-késleltetés
Ez a tulajdonság határozza meg, hogy mennyi idő teljen el az animáció megkezdése előtt. Ez akkor lehet hasznos, ha több animáció időzítését szeretné elosztani egy oldalon.
animáció-iteráció-számlálás
Ez a tulajdonság határozza meg, hogy az animáció hányszor ismétlődik. Megadhat bizonyos számú iterációt, vagy használhatja az értéket infinite határozatlan ideig ismétlődő animáció létrehozásához.
animáció-irány
Ez a tulajdonság határozza meg az animáció lejátszási irányát. Megadhatja normal előremutató animációhoz, reverse visszafelé irányuló animációhoz, ill alternate az előre és hátra animációk váltogatásához.
animáció-kitöltés mód
Ez a tulajdonság határozza meg, hogy az animált elem milyen stílusban legyen az animáció előtt és után. Megadhatja none az elem stílusát változatlanul hagyni, forwards az elem stílusának megtartásához az animáció végén, ill backwards az elem stílusának alkalmazásához az animáció elején.
animáció-játék-állapot
Ez a tulajdonság határozza meg, hogy az animáció lejátszása vagy szüneteltetése megtörténjen. Használhatja az értéket paused az animáció szüneteltetéséhez, vagy running elindításához vagy folytatásához.
Összefoglalva, a CSS-animációk egy hatékony eszköz, amellyel dinamikus és vonzó felhasználói élményt lehet létrehozni webhelyén. Fontos azonban, hogy takarékosan és körültekintően használja őket, mivel erőforrásigényesek lehetnek, és hatással lehetnek webhelye általános teljesítményére. Az animációk létrehozásához használt kulcsfontosságú CSS-tulajdonságok megértésével olyan animációkat hozhat létre, amelyek javítják a felhasználói élményt, és vizuális érdeklődést kölcsönöznek webhelyének.
Több Reading
A CSS (Cascading Style Sheets) a jelölőnyelvek, például a HTML és az XML megjelenítésének leírására használt nyelv. A weboldalak stílusának és elrendezésének kialakítására szolgál a tartalom betűtípusának, színének, méretének és térközének megváltoztatásával, több oszlopra való felosztásával vagy animációk és egyéb díszítő funkciók hozzáadásával. A CSS sok munkát takarít meg, és egyszerre több weboldal elrendezését is szabályozhatja. (forrás: MDN webdokumentumok, W3Schools)
Kapcsolódó webhelyfejlesztési feltételek