Es gibt zwei Hauptmöglichkeiten, eine Verbindung zu CSS in HTML herzustellen: Verwenden Sie das <link>-Element im Abschnitt
und geben Sie die URL des Stylesheets an, zu dem eine Verbindung hergestellt werden soll. Schreiben Sie CSS-Code direkt in das <style>-Element. Beide Methoden haben ihre Vor- und Nachteile, und in den meisten Fällen ist die Verwendung des <link>-Elements zur Verbindung mit einem externen Stylesheet die bevorzugte Methode.
So stellen Sie eine Verbindung zu CSS in HTML her
Es gibt zwei Hauptmöglichkeiten, eine Verbindung zu CSS in HTML herzustellen:
Methode 1: Verwenden Sie das <link>-Element im Abschnitt Das
<code class="html"><head> <link rel="stylesheet" href="styles.css"> </head></code>
<link>-Element gibt die URL des zu verbindenden Stylesheets an. Das Attribut <link> 元素指定了要连接的样式表的 URL。rel="stylesheet" 属性表明该文件是一个样式表。方法 2：在 <style> 元素内编写 CSS 代码
<code class="html"><head>
<style>
body {
background-color: red;
}
</style>
</head></code><style>rel="stylesheet" gibt an, dass es sich bei der Datei um ein Stylesheet handelt. rrreee
Mit dem<style>-Element können Sie CSS-Code direkt in die HTML-Datei schreiben. Diese Methode ist schneller als die Verwendung des <link>-Elements, da der Browser die externe Datei nicht laden muss. Welche Methode soll ich wählen?
Sauberer und wartbarer, da es den Stilcode vom HTML trennt.
Ermöglicht die Verwendung externer Stylesheets, was die Ladezeiten verkürzen kann.Das obige ist der detaillierte Inhalt vonSo verbinden Sie HTML mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
