Anpassen von HTML-Tags mit CSS-Regeln - Die HTML-Auswahl
Einer der Gründe, warum CSS so beliebt ist, ist die Vielseitigkeit von HTML-Tags. Obwohl Sie die integrierten Steuerelemente des Tags nicht "deaktivieren" können, können Sie den HTML-Tags weitere Steuerelemente hinzufügen, um deren Nützlichkeit zu erweitern. Dazu fügen Sie dem Tag-Selektor neue CSS-Definitionen hinzu. Verwenden wir den HTML-Code

Tag für unser Beispiel und wir werden eine Hintergrundfarbe, eine Schriftart, eine Schriftgröße und eine Textfarbsteuerung zum hinzufügen

Etikett. Dies führt zu allem zwischen Öffnen und Schließen

Tags, die von unseren neuen Definitionen auf der gesamten Webseite gesteuert werden.

p {
Hintergrundfarbe: # 000000;
Schriftfamilie: arial;
Schriftgröße: 12px;
Farbe: #ffffff;
}

In unserem Beispiel beginnt die CSS-Regel mit dem HTML-Selektor (p), auf den der CSS-Deklarationsblock folgt, der alle Eigenschaftswertdefinitionen enthält, die wir hinzufügen möchten. Wie üblich beginnt jede Definition mit der Eigenschaft, gefolgt von einem Doppelpunkt, dem Wert und endet mit einem Semikolon. Der gesamte Block befindet sich in geschweiften Klammern. Beim Schreiben eigener CSS-Regeln für HTML-Tags sind einige Dinge zu beachten.

  • Sie können Ihre angepasste CSS-Regel in den Tags im Kopfbereich Ihrer Webseite platzieren.

  • Sie können Ihre angepasste CSS-Regel in eine externe CSS-Datei einfügen.

  • Die benutzerdefinierten CSS-Definitionen, die Sie einem bestimmten Tag-Selektor hinzufügen, müssen Eigenschaften enthalten, die von diesem Tag gesteuert werden können.

  • Da Sie die benutzerdefinierte Regel im Kopfbereich oder in einer externen CSS-Datei platzieren, wirkt sich dies auf die gesamte Webseite aus. Wenn Sie nur ein einzelnes HTML-Tag (eine spezielle Instanz eines Tags) steuern müssen, würden Sie diesem einzelnen Tag einen Inline-Stil zuweisen.

  • Das Tag behält die integrierten Eigenschaften dieses HTML-Tags bei. Zum Beispiel das HTML Das fettgedruckte Tag wendet den fettgedruckten Effekt weiterhin auf Text an, der zwischen Öffnen und Schließen platziert wird Stichworte.




Video-Anleitungen: CSS Tutorial – Einfache CSS Regeln für den Einstieg (April 2024).