So schreiben Sie CSS für eine HTML-Headerdatei-HTML-Tutorial-php.cn

Heim

Web-Frontend

HTML-Tutorial

So schreiben Sie CSS für eine HTML-Headerdatei

藏色散人

Feb 07, 2021 am 10:23 AM

html

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 „".

So schreiben Sie CSS für eine HTML-Headerdatei

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5 und CSS3, Dell G3-Computer.

Header-Datei

-Element enthält alle Head-Tag-Elemente.

-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="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/161/115/647/1612664264676699.png" class="lazy" 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="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/699/321/555/1612664267905532.png" class="lazy" 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="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/332/595/833/1612664272908966.png" class="lazy" title="1612664272908966.png" alt="So schreiben Sie CSS für eine HTML-Headerdatei"/><p>Der Effekt ist wie folgt<p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/349/692/183/1612664305394839.png" class="lazy" title="1612664305394839.png" alt="So schreiben Sie CSS für eine HTML-Headerdatei"/><p>Empfohlen: „css-Video. Tutorial<p>“<img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/image/246/168/936/1612664311440445.png" class="lazy" 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!

Erklärung dieser 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

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Assassin's Creed Shadows: Seashell Riddle -Lösung

3 Wochen vor By DDD

Was ist neu in Windows 11 KB5054979 und wie Sie Update -Probleme beheben

2 Wochen vor By DDD

Wo kann man die Kransteuerungsschlüsselkarten in Atomfall finden

3 Wochen vor By DDD

<🎜>: Dead Rails - wie man jede Herausforderung abschließt

4 Wochen vor By DDD

Atomfall Guide: Gegenstandsstandorte, Questführer und Tipps

4 Wochen vor By DDD

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7652

CakePHP-Tutorial

1393

Wie lautet das Format des Kontonamens von Steam?

Win11 -Aktivierungsschlüssel dauerhaft

NYT Mini Kreuzworträtsel Antworten

110

Related knowledge

Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles