简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So referenzieren Sie CSS-Dateien in HTML-Webseiten

coldplay.xixi
Freigeben： 2023-01-05 16:12:47
Original
11084 Leute haben es durchsucht

Methoden zum Referenzieren von CSS-Dateien in HTML-Webseiten: 1. Betten Sie CSS-Stile direkt in HTML-Tag-Elemente ein. 2. Verwenden Sie den in HTML integrierten Stil. 3. Verwenden Sie [@import], um externe CSS-Dateien zu referenzieren.

So referenzieren Sie CSS-Dateien in HTML-Webseiten

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.

So zitieren Sie CSS-Dateien in HTML-Webseiten:

1. Betten Sie den CSS-Stil direkt in das HTML-Tag-Element ein, z. B. <div style="font-size:14px; color:#FF0000;">我是div css测试内容-www.divcss5.com支持<code>

Der Effekt ist wie unten gezeigt

So referenzieren Sie CSS-Dateien in HTML-Webseiten2 Kopfteil des HTML-Headers Der Code zum Einfügen der Anweisung lautet wie folgt: 

<style type="text/css"> 
<!-- 
.ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/ 
--> 
</style>
Nach dem Login kopieren

Die spezifische Methode lautet wie folgt:

So referenzieren Sie CSS-Dateien in HTML-Webseiten3. Verwenden Sie @import, um auf externe CSS-Dateien zu verweisen. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>css引用方法实例-www.divcss5.com测试实例</title> 
<style type="text/css"> 
<!-- 
@import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/ 
--> 
</style> 
</head> 
 
<body> 
<div class="ceshi">我是div css测试内容www.divcss5.com支持</div> 
 
</body> 
</html>
Nach dem Login kopieren

Empfohlene verwandte Tutorials:
CSS-Video Tutorial

Das obige ist der detaillierte Inhalt vonSo referenzieren Sie CSS-Dateien in HTML-Webseiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
css文件
Quelle：php.cn
Vorheriger Artikel：Detaillierte Erläuterung der drei CSS3-Hintergrundunschärfeeffekte (Codebeispiele) Nächster Artikel：So stellen Sie div in CSS vertikal zentriert ein
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Die beste Möglichkeit, Routendaten vorab zu laden, bevor auf die Route zugegriffen wird. Bevor ich die Seite für eine bestimmte Route rendere, möchte ich zunächst die erforderlich...
Aus 2023-11-17 14:54:42
0
2
379
Das Modul ist im Vue-Projekt nicht definiert Ich habe gerade eine neue Vue-Anwendung erstellt, indem ich npmini tvue@latest ausgeführt ...
Aus 2023-11-17 12:38:53
0
2
394
Wie füge ich ein Zeilenumbruchzeichen (Newline-Zeichen) in eine XML-Datei ein? Ich habe eine XML-Datei und möchte den Text „Sample Text 123“ wie diesen SampleText123 umb...
Aus 2023-11-16 16:42:38
0
1
199
Guzzle-Ausnahmen abfangen Ich versuche, Ausnahmen in einer Reihe von Tests abzufangen, die auf einer von mir entwick...
Aus 2023-11-16 14:36:03
0
12
290
Implementieren Sie Filter und Paginierung mit Laravel Eloquent Ich versuche, eine API zu erstellen, die alle Kundendatensätze aus einer Datenbank zurückg...
Aus 2023-11-12 18:42:35
0
1
310
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！