Css-ről és html-ről lenne több kérdésem?

Az id azonosítót jelent (identifier), egyetlen elem azonosítására szolgál.

A class osztályt jelent, több elem osztályozására/kategorizálására jó, például ha egy stílust több elemre akarsz alkalmazni, akkor class-t használsz.

CSS-ben pedig te döntöd el, hogy egy osztályra vagy egy azonosítóra (vagy tetszőleges kombinációjukra) alkalmazol egy stílust.

1. nem a css dönti el, hanem a html kód. A css csak hivatkozik (szelektor), az adott elemre. "." kezdettel a class, "#" kezdettel az id attribútumra. Ezek nélkül egy adott html tag választható ki.

2. az id (azonosító) konkrétan azonosít egy elemet. A szabály szerint nem is lehet több ugyanolyan id-jű elem. A class (osztály) egy bizonyos típust határoz meg. Egy elemnek több class-a is lehet, és több elem is felveheti ugyanazt a class-t. Így lehetőség van csoportosítani az azonos formázással rendelkező elemeket.

3. bármelyikre lehet hivatkozni.

4. A lezárótag nélküli elemek végén kell ezt a jelet használni pl. input, br, img. Viszont ez a html oldal doctype tulajdonságától is függ. HTML5 formátumban nem kell a lezárótag nélküli elemek végére / jelet tenni. Az XHTML szabványa viszont megköveteli. A konténer tag-ek (mint a p, a, div, html, body,...) kezdő és záró taggel rendelkeznek. A kezdő tagben kell általában a speciálsi attribútumokat is implementálni, a zárótag pedig az mutatja meddig tart a konténer. Például:

<p title="Ez egy konténer tag, a zárótag később jön"><img src="kep.jpg" alt="ez zárótag nélküli elem" /></p>

A . CLASS-t jelöl a css-ben, a # pedig ID-t.

ID-ból csak és kizárólag egy lehet, tehát nem lehet két elemednek ugyanaz az ID-ja. CLASS-ból lehet ugyanaz több elemnél. CSS-ben azt adod meg, amire éppen stílust akarsz ráhúzni.

Példa:

az <a> taget szeretnéd stílussal ellátni (minden <a> taget!), akkor CSS-ben megadod:

.a {

ide jönnek az stíluselemek;

}

Viszont, ha van egy <div> taged, aminek akarod változtatni a színét, de nem minden <div> tagre akarod ezt a stílust, akkor a kívántnak megadsz egy ID-t, pl.: <div id="div1-stilus">

Akkor css-ben:

#div1 {

ide jönnek a stíluselemek;

}

A /> lezárással pedig minden html taget le tudsz zárni amit üresen hagysz. Tipikusan ilyen a <br />, nem adsz neki semmilyen attribútumot.