Navigation
0 users online :: 0 Gäste und 0 Registrierte
Einträge in dieser Kategorie
- Das Box-Modell
- Was ist CSS und wozu braucht man es?
- Womit erstelle ich eine CSS-Datei?
- Wie binde ich Styles in HTML ein ?
- Abstand der Listen nach links
- Klasse oder ID ?
- Schreibweisen
- Farbangaben
- Reihenfolge für Links
- Was ist der Viewport ?
- Was sind Block-Elemente, was sind Inline-Elemente ?
- Mozilla hat Probleme mit Monospace-Schriften
- Positionierung und der Fluß der Elemente
- Wie erstelle ich eine einfache Browserweiche per CSS?
- Wieviel em ist eine 12px große Schrift ?
- Bilder skalierbar zur Schriftgröße
- Wie erstelle ich ein zweispaltiges Layout, wenn ich die Höhe der Spalten nicht kenne?
- Ist es mit CSS möglich, eine Scollbar in einen "div"-Block einzubauen, sodass der Text den Ramen des Blocks nicht überschreitet?
- Gibt es ein Tutorial, welches mir den Einstieg ins "tabellenlose Webdesign" erleichtert?
- Die Linkfarbe ist die Standardfarbe, trotz meiner Styles.
- Menü erstellen
- Was ist gemeint mit dem Ausdruck: "a selector within a style sheet" ?
- Zwei Anweisungen für ein Element widersprechen sich. Wie lasse ich beide gelten?
- Wie kann ich zeitsparend CSS-Definitionen überschreiben?
- Wie kann ich in einem Stylesheet weitere Stylesheets laden?
- Eine fremde Seite in die eigene einbinden.
- Alt-Atribut, Title-Attribut und der Tooltip
- Unterschiedliche Bildschirmauflösungen, gleiche Optik?
- Hintergrundbild über 2 Container
- Wie kann ich einstellen wo welche Seite angezeigt werden soll, wie bei einem Frameset wo man das Zielframe einstellen konnte?
- Listenelemente haben unterschiedliche Abstände von links in den Browsern.
- Ich bin nur User und habe nun nach langen hin und her festgestellt warum ich einige Web-Sites nicht korrekt angezeigt bekomme. Es liegt an der Programmierung in CSS. Aber meine Frage ist, wie kann ich nun z.B. Mozilla Firefox dazu bringen mir diese Seiten an zu zeigen? Ich bin schon kurz vor der Verzweiflung!
- Wie kann ich verhindern das die Seite abgeschnitten wird, wenn das Browserfenster kleiner ist als mit min-height angegeben?
- Wie kann ich per CSS eine Navigation mit grafischen Schaltflächen versehen? Dabei sollen in der Anzeige ohne Styles die Link-Bezeichnungen als Text erscheinen.
Tags
Sticky FAQs
Grundlagen
ID #1017
Klasse oder ID ?
Mit CSS kann man Tags direkt stylen. Wenn man aber nicht alle Absätze in rot formatieren will, sondern nur einen oder einige wenige, dann muß man die betreffenden Absätze anders ansprechen können. Dafür stehen Klassen udn IDs zur Verfügung. Eine ID ist einmalig innerhalb eines HTML-Dokumentes, eine Klasse hingegen kann mehrmals vergeben werden, auch sogar an unterschiedliche Tags (falls dies im Einzelfall Sinn macht).
Wenn man deshalb mehrere Absätze in der gleichen Art und weise stylen möchte, drängen sich Klassen auf. Wenn man hingegen ein Logo mittels eines <div>-Containers in die obere linke Ecke platzieren möchte, bietet sich eine ID an, obgleich man auch eine Klasse nehmen könnte.
Für den Anfänger mag es verwirrend sein, daß man das Logo sehr wohl auch mit einer Klasse platzieren könnte, niemals aber fünf Absätze anhand einer ID gleichzeitig formatieren kann. Deshalb ist es sicher für die eigene Orientierung innerhalb eines Stylesheet von Nutzen, wenn man einmalige Styles auch tatsächlich als ID auszeichnet, mehrfach vorkommende hingegen als Klassen. So verliert man selber nicht den Überblick.
Wenn man deshalb mehrere Absätze in der gleichen Art und weise stylen möchte, drängen sich Klassen auf. Wenn man hingegen ein Logo mittels eines <div>-Containers in die obere linke Ecke platzieren möchte, bietet sich eine ID an, obgleich man auch eine Klasse nehmen könnte.
Für den Anfänger mag es verwirrend sein, daß man das Logo sehr wohl auch mit einer Klasse platzieren könnte, niemals aber fünf Absätze anhand einer ID gleichzeitig formatieren kann. Deshalb ist es sicher für die eigene Orientierung innerhalb eines Stylesheet von Nutzen, wenn man einmalige Styles auch tatsächlich als ID auszeichnet, mehrfach vorkommende hingegen als Klassen. So verliert man selber nicht den Überblick.
Tags: -
Verwandte Artikel:
- Werte nur an den IE5+ (Win) liefern
- Das Box-Modell
- Womit erstelle ich eine CSS-Datei?
- Wie binde ich Styles in HTML ein ?
- Abstand der Listen nach links
Letzte Änderung des Artikels: 2004-02-05 09:29
Autor: Jens Grochtdreis
Revision: 1.0
Kommentieren nicht möglich
Kommentar von H.-Michael Gläß:
Warum sollte das nicht eingängig sein? Eine ID ist ein IDentifikator, etwas eindeutiges, einmaliges, zum IDentifizieren geeignet. Eine Klasse dagegen ist eine Sammlung von gleichartigen Objekten, man denke z.B. an eine Schulklasse, eine \"Sammlung von Schülern\"
Added at: 2038-01-19 04:14
Kommentar von Terry:
Speziell Container zur Positionierung würde ich immer mit id auszeichnen (wenn sie denn einmalig sind, natürlich nur). Ich habe es sogar schon mal erlebt, dass ein Design im Opera komplett zerhauen war, als ich das noch nicht gemacht habe und die Container mit Klassen ausgezeichnet hatte. Seitdem ich es immer mit id auszeichne, macht auch Opera keinen Ärger mehr. ;-)
Added at: 2038-01-19 04:14