So schreiben Sie CSS in die HTML-Header-Datei: 1. Führen Sie CSS über „“ ein ;link>“-Tag, externe CSS-Dateien einführen, die Syntax lautet „".
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5 und CSS3, Dell G3-Computer.
Header-Datei
-Element enthält alle Head-Tag-Elemente.
Im
-Element können Sie Skripte, Stildateien (CSS) und verschiedene Metainformationen einfügen. Die Element-Tags, die im Kopfbereich hinzugefügt werden können, sind: , < ;meta>,<link>,<script>,<noscript>,<base>. <p><strong>Wie schreibe ich CSS in die HTML-Header-Datei? <p>1. Internes Stylesheet <p>Das interne Stylesheet platziert den CSS-Style-Code im <style>-Tag im HTML-Dokument und führt CSS ein. <p>In <style> gibt es ein Typattribut, gefolgt von test/css, das CSS-Text darstellt. Das Syntaxformat ist wie folgt: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><style type="text/css">
/*这里写CSS内容*/
</style></pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Eigenschaften: Der CSS-Code innerhalb einer einzelnen Seite weist Einheitlichkeit und Planung auf ist leicht zu pflegen, aber es kommt leicht zu Verwirrung zwischen mehreren Seiten</p><p>Ein Beispiel ist wie folgt:</p><p><img src="https://img.php.cn/upload/image/161/115/647/1612664264676699.png" title="1612664264676699.png" alt="So schreiben Sie CSS für eine HTML-Headerdatei"/></p><p>2. Externes Stylesheet (empfohlen)</p><p>Extern Das Stylesheet verwendet das <link>-Tag, um eine externe CSS-Datei einzuführen. Normalerweise wird das Link-Tag zwischen den <head></head>-Tags geschrieben. <img src="https://img.php.cn/upload/image/699/321/555/1612664267905532.png" title="1612664267905532.png" alt="So schreiben Sie CSS für eine HTML-Headerdatei"/></p><link>Die darin enthaltenen Attribute umfassen „type“, „rel“ und „href“. Der Typ ist auf „text/css“ festgelegt, „rel“ (Stylesheet) ist auf „stylesheet“ festgelegt und „href“ bezieht sich natürlich auf die Adresse der CSS-Datei ist: <p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><link type="text/css" rel="stylesheet" href="css文件的存放地址"></pre><div class="contentsignin">Nach dem Login kopieren</div></div>Der Beispielcode lautet wie folgt: <p><p><p>web.css-Inhalt ist <p><img src="https://img.php.cn/upload/image/332/595/833/1612664272908966.png" title="1612664272908966.png" alt="So schreiben Sie CSS für eine HTML-Headerdatei"/><p>Der Effekt ist wie folgt<p><img src="https://img.php.cn/upload/image/349/692/183/1612664305394839.png" title="1612664305394839.png" alt="So schreiben Sie CSS für eine HTML-Headerdatei"/><p>Empfohlen: „css-Video. Tutorial<p>“<img src="https://img.php.cn/upload/image/246/168/936/1612664311440445.png" title="1612664311440445.png" alt="So schreiben Sie CSS für eine HTML-Headerdatei"/> </script>
Das obige ist der detaillierte Inhalt vonSo schreiben Sie CSS für eine HTML-Headerdatei. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
