Heim >Web-Frontend >CSS-Tutorial >Kann CSS in HTML geschrieben werden?
Kann CSS in HTML geschrieben werden?
- 藏色散人Original
- 2020-12-03 12:02:204775Durchsuche
CSS kann in HTML geschrieben werden. Die Schreibmethoden sind: 1. Schreiben Sie CSS in das Style-Tag des Head-Tags. 2. Fügen Sie das Style-Attribut direkt zum HTML-Code hinzu und definieren Sie dann den CSS-Code im Attribut.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Empfohlen: „CSS-Video-Tutorial“ „HTML-Video-Tutorial“
So schreiben Sie CSS in HTML:
1. Internes Stylesheet – schreiben Sie CSS in das Style-Tag des Head-Tags
Intern Stylesheets werden verwendet, wenn eine einzelne Datei ein spezielles Styling erfordert. Sie können interne Stylesheets über das Tag c9ccee2e6ea535a969eb3f532ad9fe89 definieren. Das
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>c9ccee2e6ea535a969eb3f532ad9fe89-Tag wird verwendet, um Stilinformationen für HTML-Dokumente zu definieren.
Im Stil können Sie festlegen, wie das HTML-Dokument im Browser gerendert wird.
Das Typattribut ist erforderlich und definiert den Inhalt des Stilelements. Der einzig mögliche Wert ist „text/css“. Das
style-Element befindet sich im Kopfbereich.
2. Inline-Stil – Fügen Sie das Stilattribut direkt im HTML-Code hinzu und definieren Sie dann den CSS-Code im Attribut.
Wenn spezielle Stile auf einzelne Elemente angewendet werden müssen, können Sie Inline-Stile verwenden. Die Möglichkeit, Inline-Stile zu verwenden, besteht darin, das Stilattribut im entsprechenden Tag zu verwenden. Stileigenschaften können beliebige CSS-Eigenschaften enthalten. Das folgende Beispiel zeigt, wie Sie die Farbe und den linken Rand eines Absatzes ändern.
<p style="color: red; margin-left: 20px"> This is a paragraph </p>
Das obige ist der detaillierte Inhalt vonKann CSS in HTML geschrieben werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
In Verbindung stehende Artikel
Mehr sehen- So positionieren Sie Text mit CSS am unteren Rand von div
- Was tun, wenn das CSS-Hintergrundbild nicht vollständig angezeigt wird?
- So ändern Sie die Schriftfarbe eines Hyperlinks mit CSS
- Was ist der Unterschied zwischen dem CSS Holy Grail-Layout und dem Double Flying Wing-Layout?
- Was soll ich tun, wenn Myeclipse-CSS nicht funktioniert?