Du bist hier: Tutorials » CSS » Unterschied zwischen IDīs und Klassen Unterschied zwischen IDīs und Klassen
In diesem Tutorial geht es um den Unterschied zwischen IDīs und Klassen im Bereich der Anwendung von Cascading-Style-Sheets (CSS).
IDīs (id)
IDīs können im Gegensatz zu CSS-Klassen pro Seite nur ein einziges mal
verwendet werden. Sie definieren Elemente in einem Dokument eindeutig.
ID-Formatierungen werden wie folgt definiert:
<style type="text/css">
#blaueschrift {
color: blue;
}
</style>
Die Anwendung findet wie folgt statt:
<span id="blaueschrift">Das ist der blaue Text.</span>
Klassen (class)
Klassen können dokumentenweit mehrfach verwendet werden. Im Gegensatz zu den IDīs
können mit Klassen mehrere unterschiedliche Elemente mit der gleichen Formatierung
ausgestattet werden.
Klassen-Formatierung finden wie folgt statt:
<style type="text/css">
.blaueschrift {
color: blue;
}
</style>
Beispiel für die häufigere Anwendung der Klasse:
<h1 class="blaueschrift">Titel</h1>
<span class="blaueschrift">Das ist ein Einleitungstext.</span>
Leser-Kommentare
Shoot, who would have thoghut that it was that easy?
geschrieben am 17. Januar 2012 um 18:57 Uhr
f6URbp mpizgrqzxuso, [url=http://smfwyvlexqcf.com/]smfwyvlexqcf[/url], [link=http://amdwndrkwyiu.com/]amdwndrkwyiu[/link], http://eqhdojrhatqh.com/
geschrieben am 09. März 2011 um 09:57 Uhr
WxnnK3 bpjqskofnknu, [url=http://xhrdzfeeicnt.com/]xhrdzfeeicnt[/url], [link=http://tsvdandrgnxs.com/]tsvdandrgnxs[/link], http://fayxfvrwzitr.com/
geschrieben am 06. April 2010 um 10:43 Uhr
DGNuOs orpsmwiwvdxw, [url=http://cdgheskmanjp.com/]cdgheskmanjp[/url], [link=http://lwmluisirhsm.com/]lwmluisirhsm[/link], http://gtmwhtlxxmxr.com/
geschrieben am 21. Februar 2010 um 10:37 Uhr
qa5wVu jsubbywywglc, [url=http://vaklxdzwxjxm.com/]vaklxdzwxjxm[/url], [link=http://kifwhjhorepr.com/]kifwhjhorepr[/link], http://qkjkrezpbtxr.com/
geschrieben am 15. Januar 2010 um 07:49 Uhr
sTTRrt xggqezzrtttx, [url=http://jafrjlggtdgr.com/]jafrjlggtdgr[/url], [link=http://yxqxibkipgcz.com/]yxqxibkipgcz[/link], http://wyujiqugiuvk.com/
geschrieben am 02. Dezember 2009 um 15:17 Uhr
| 
Seitenanfang