Heim > Web-Frontend > CSS-Tutorial > So referenzieren Sie CSS-Dateien in HTML-Webseiten

So referenzieren Sie CSS-Dateien in HTML-Webseiten

coldplay.xixi
Freigeben: 2023-01-05 16:12:47
Original
11210 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:
Quelle:php.cn
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
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage