Mi a különbség köztük és melyik mikor érdemes használni? ( CSS )

a div egy doboz. Amit beleteszel, azt tudod bármerre az oldalon pozicionálni, bárhogy formázni, kiemelni, stb.

A span-t többnyire szövegekre érdemes használni. Én szövegformázásra használom leginkább, ha folytonos szövegben egy kis részre akarok stílust tenni.

A p teg pedig ha jól tudom amolyan bekezdés szerűség. Ritkán szoktam használni, leginkább akkor, hogyha egy szövegbe akarok egy kiemelt rész tenni (pl odavágó idézetet) akkor azt p tegek közé teszem dőlt betűvel és szépen kiemelkedik, sortörésekkel, stb.

A class és az id között pedig nem nehéz különbséget tenni. Class-t akkor használunk, hogyha több elemere is ugyanolyan formázást akarunk használni. Ebben az esetben egy osztályba rendeljük őket és ugyan az a stílus lesz érvényes rájuk.

Az id már más tészta, mert azzal az egyéni elemeket különböztetünk meg. Ha több különböző elem van és mindegyik csak egyszer fordul elő, akkor érdemesebb az id-t használni. Azonban ha több elemnél is használjuk ugyan azt az id-t, az is ugyan azt eredményezi, mintha class-t használnánk, tehát működésben nincs különbség, csak elviekben.

Kiegészíteném:

A div, és a p block elemek, a span inline elem. Ez annyit jelent, hogy a három közül csak a span rendezhető más tartalommal egy sorba alapértelmezetten. Persze a többi is, csak azoknak meg kell adni. A div és a p között az a különbség, hogy a div csak sort tör maga előtt és után, a p pedig térközt is hagy. A divbe szokás pakolni a többi dolgot, divvel a legegyszerűbb valid módon felépíteni a weblapot. A p igazából azt jelenti, hogy paragraph, tehát a p-be egy bekezdésnyi szöveget illik tenni. A span pedig - mint ahogy az előző is mondta - a szövegben nagyon jó plusz formázásoknak, mert nem lehet észrevenni, hogy ott van (nem tör sort, és nem hagy helyet).

Class-t akkor adsz legtöbbször egy elemnek, ha meg szeretnéd formázni css-sel, így bármennyi elemet meg tudsz formázni, és csak annyit írsz be pluszban, hogy class="valami". Id-t már nem feltétlenül akkor adunk, ha formázni szeretnénk. Az id azért van, mert javascripttel mondjuk egy form validáláskor az input elemek id attribútumával lehet a legjobban dolgozni, és ezért lehet egy id-ből csak egy darab az oldalon, mert akkor a javascript (dom) nem keveredik össze!

Előző vok

Annyit még, hogy ha többször használsz egy id-t, akkor már nem valid az oldalad!