Ezt elkezdtem ugyan bemutatni, de nem írtam róla semmit.

A class osztályt jelent, amivel egy-egy kódrészt tudsz egyedivé varázsolni, de ezeket általában oda rakjuk, ahol szeretnénk hogy hasson, vagyis abba a modulba, ahol használom éppen.

De semmi akadálya nincsen annak, hogy ezek a CSS kódodba kerüljenek bele, főleg táblázat esetében, így az összes tábla úgy fog kinézni, és nem kell a kódot minden egyes modulban feltűntetni, ahol a táblázatot használni szeretnéd.

Ugyan ez vonatkozik több kisebb elemre is, melyekre majd kitérek még, ilyen az idézet, az elválasztóvonal, stb. Igazából aminek van HTML kódja, az mind átalakítható CSS-sel, vagy egyedi class kóddal (ami amúgy egy mini CSS lesz).

Szóval ha megvan az osztály, pl <img class="macska" ....

.macska {

}

Akkor a .macska{ } kódrész akár a CSS kódodba is kerülhet, ha több képen is alkalmazni akarod majd, de akár linkekre is vonatkozhat ugyan ez.

Így ha egy másik modulba, cikkbe, beraksz egy képet, aminek ugyan azt a stílust szeretnéd, akkor csak beírod, hogy <img class="macska" .... és a <style> rész már elmaradhat, hiszen benne van a CSS kódodban oldalt, egy egyszerű modulban ugye.

Van még egy oldalam, ahol a táblázatokra használtam ezt, csak a táblázatot másolom, nem írogatom be újra, mivel 3 sora is van, kitörlöm a régi szöveget és írom az újat. Elküld után a stílusa ugyan az lesz mint a többinek.

Tehát ott használod ahol akarod, és úgy ahogy akarod.