Mi az a CSS?

Akkor a "szakirodalomban" már utánatúrtál. :)

Konyhanyelven:

A css-sel a weboldalak dizájnját lehet megadni. Nagy előnye, hogy egy információt tárol az adott szint formázásáról, tehát nem minden egyes oldalra kell megadnia azt, hogy miként legyen formázva.

A weboldalak készítésekor a css stílusfájlra hivatkozva lehet az adott formázást elérni.

Érthetően:

A stílusfájl tartalmazza a bekezdésekre vonatkozó információkat, amelynek a neve legyen "bekezdes1".

A stílusfájlban a bekezdes1 témakör alá beállítjuk a betűtípust, a betűszínt, margókat stb.

A weboldalon pedig a bekezdésnek annyit adunk, hogy class="bekezdes1".

Így nem kell minden egyes bekezdés formázását egyesével beállítani. De továbbgondolva további előnye az, hogy bármilyen "stílusmódosítást" el tudunk végezni a css fájlunk átírásával. Tehát a weboldalhoz "hozzá sem kell nyúlni", csak a css-ben cserélni színt, betűtípust stb. És a weboldal már az új formában jeleníti meg.

A CSS (Cascading Style Sheet) az oldal kinézetét leíró nyelv. Azért jó, mert így azt, hogy hogy néz ki az oldal, el tudod menteni egy másik fájlban, és ezt a css fájlt a böngésző cache-eli (~eltárolja a memóriában), így kevesebb adatot kell letöltenie, és sokkal egyszerűbb mondjuk egy másik kinézetet is adni az oldalnak, mert ha a user kinézetet vált, akkor csak egy másik css fájlt kell betölteni.

Használata:

Van mondjuk a HTML kódodban a következő:

<div class="piros">Ebben a divben piros alapon fehér betűk vannak.</div>

CSS:

.piros{

background-color:red;

color:white;

}

Tehát ez a CSS kód intézi el, hogy piros háttered, és fehér betűid lesznek.

Parancs felépítése:

.piros -> Hivatkozás a piros classnevű elemre.(class="piros")

Ha azt írod a divnek, hogy id="piros", akkor css-ben úgy hivatkozol rá, hogy #piros {...}, és a kapcsos zárójelek közé írod a parancsokat. Ha minden divnek piros hátteret akarsz adni, akkor annyit írsz, hogy div{...}. Így minden div piros hátteret kap. Mondjuk ezt inkább ott használjuk, hogy body{background-color:black;}. Így a weblapod háttere fekete lesz.

Nagyon sok további címzés lehetséges, lehet kombinálni a classnevet az id-vel, vagy bármit bármivel.

Pl.:

.piros div{

background-color:red;

}

Így a piros classnevű diveknek lesz piros háttere, és mondjuk a piros classnevű span-oknak nem.

Ha az alapokkal tisztában vagy, amihez ajánlom a [link] oldalt, akkor nézz fel a [link] -ra, ott megtalálod a különböző technikákat, mint a fluid technika, különféle pozícionálások, hekkelgetések, és persze, ami a legfontosabb, a css doboz modellt.

Jó szórakozást!:)

A Video DVD-k másolásvédelmi rendszerét is jelenti:

CSS = Content Scrambling System