Verwendung den ID-Selektor in CSS

March 20

Es gibt viel Gerede in der CSS-Programmierung über IDs, Klassen und Pseudo-Klassen usw.. Aber was bedeutet es, eine ID zu verwenden? Nach CSS-Tutorials und Experten ist die ID ein Bezeichner für ein bestimmtes HTML-Element, das einmal innerhalb einer Seite zeigt. Die ID ist restriktiver als eine Klasse in ihrer Make-up, aber hält sich mehr an HTML-Konvention und passt in ein HTML-Framework in vielleicht eine einfachere Möglichkeit. Hier ist wie eine ID für CSS-Elemente verwendet.

Anweisungen

1 Richten Sie Ihre CSS-Code-Raum. Sie können eine eigenständige Textdatei als externen CSS-Datei verwenden, oder CSS-Code im Kopf eines HTML-Dokuments. In beiden Fällen müssen Sie definieren einen Raum jenseits der HTML-Code zu tun, Ihre CSS-Codierung, die auf eine oder mehrere Seiten angewendet werden.

2 Starten Sie Ihre ID-Definition durch die Benennung eines Elements innerhalb der CSS-Code-Raum. Beginnen Sie mit einem HTML-Element wie p (für Absatz) oder h1 (Überschrift).

3 Eine Hashmarkierung hinzufügen und dann den Namen oder ID nach dem Element. Ein Beispiel: p #graphID1

4 Stilrichtungen mit Befehlen wie folgt enthalten: p #graphID1 {Text-Farbe: schwarz;}

5 Ihre ID zugreifen Innerhalb des HTML-Codes, starten Sie Ihre ID-Element mit einem Tag, das wie folgt aussieht: p Id = "graphID1". Dadurch wird Ihr HTML-Code für dieses Element geöffnet.

6 Geben Sie den Text oder andere Inhalte für das Element, die, das Sie geöffnet haben. Dieser Inhalt sollte formatiert werden, wie Ihre CSS beim Laden der Seite geboten.

7 Schließen Sie das Element mit dem entsprechenden Tag. Sie müssen nicht auf die ID wieder zu verweisen, wenn das Element geschlossen: sie bereits erkannt, definiert und wurde gebaut. Setzen Sie einfach in das reguläre Element schließenden Tag.