Heim >Web-Frontend >HTML-Tutorial >So öffnen Sie CSS in HTML
So öffnen Sie CSS in HTML
- 下次还敢Original
- 2024-04-22 09:33:12439Durchsuche
Verwenden Sie das <link>-Element in HTML, um die CSS-Datei mit dem Dokument zu verknüpfen. Die Syntax lautet wie folgt: rel="stylesheet" ist angegeben da der Stylesheet-Typ href="style.css" den CSS-Dateipfad angibt
So öffnen Sie CSS mit HTML
HTML (Hypertext Markup Language) und CSS (Cascading Style Sheets) sind zwei verschiedene Sprachen Wird in der Webentwicklung verwendet. HTML wird verwendet, um die Struktur und den Inhalt einer Webseite zu definieren, während CSS verwendet wird, um den Stil und das Layout einer Webseite zu steuern.
Um CSS mit HTML zu öffnen, müssen Sie das Element <link> verwenden, um die CSS-Datei mit dem HTML-Dokument zu verknüpfen. Die Syntax des <link>-Elements lautet wie folgt: <link> 元素将 CSS 文件链接到 HTML 文档中。<link> 元素的语法如下：
<code class="html"><link rel="stylesheet" href="style.css"></code>
其中：
-
rel="stylesheet"指定元素的类型为样式表。 -
href="style.css"<code class="html"><html> <head> <link rel="stylesheet" href="style.css"> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落。</p> </body> </html></code>
wobei:
-
rel="stylesheet"den Typ des Elements angibt als Stylesheet. -
href="style.css"Gibt den Pfad zur zu verlinkenden CSS-Datei an. Der folgende Code fügt beispielsweise Stile in eine CSS-Datei mit dem Namen „style.css“ ein: 🎜rrreee🎜Speichern Sie dieses HTML-Dokument als „index.html“ und öffnen Sie es in Ihrem Browser. Sie werden sehen, dass die Stile in der Datei „style.css“ auf die Webseite angewendet werden. 🎜
Das obige ist der detaillierte Inhalt vonSo öffnen Sie CSS in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!