CSS stílusok egyszerűbben, csoportosítás

A csoportosítás két legfontosabb eszköze az ID és a Class.

Mik ezek és mire valók? Ezek olyan szelektorok, amiket Te határozol meg, és arra jók, hogy megmondhasd, hogy ne az összes táblázat legyen fehér betűtípusú zöld háttérrel, csak egy darab vagy csak egy pár. Az ID (egyedi azonosító) és a Class (osztály) között az a legnagyobb különbség, hogy az ID csak egy dologra érvényes (mondjuk egy táblázatra), míg az osztályok egyszerre több dolog (több táblázat, szövegrész, felsorolás, vagy ezek vegyesen) tulajdonságait változtathatják meg.

Az ID neve elé mindig kettőskeresztet (#) kell írni, ez jelöli, hogy egy egyedi azonosítóról van szó. Természetesen a HTML-ben is "meg kell mondani" az adott objektumnak, hogy a tulajdonságok rá vonatkoznak, ez pl. így nézhet ki: id="delfin". Itt egy példa:

#delfin{text-align:left;
color:blue;
}

Fontos, hogy soha ne kezdődjön az ID neve számmal, mert akkor Mozillában nem működik!

A Class azért jó, mert egyszerre nagyon sok objektumnak lehet megadni a stílust, így az oldalad fő színeit gyorsan és egyszerűen cserélheted, hogy passzoljon az új design-hoz. Az osztályok nevei mindig ponttal kezdődnek. Ahogy az ID-nél, itt is meg kell mondani az objektumoknak HTML-ben, hogy ők az adott osztályba tartoznak, mondjuk így: class="delfin"

.delfin{text-align:center;
color:blue;
background-color:white;
}

Itt se kezdődhet az osztály neve számmal, mert ez csak Internet Explorerben működik!

<<vissza a CSS kódokhoz!