So führen Sie CSS ein: 1. Fügen Sie den Stil zum Stilattribut des Tags hinzu. 2. Fügen Sie ihn zum Stil-Tag und zum Head-Tag hinzu. 3. Schreiben Sie den CSS-Stil in eine Datei mit der Erweiterung [. css] und dann Stile importieren, die in das Head-Tag importiert werden.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3-Version, DELL G3-Computer.
So führen Sie CSS ein:
1. Inline-Stil (Interline-Stil): Fügen Sie Stil im Stilattribut des Tags hinzu:
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>行内样式</title>
</head>
<body>
<!--使用行内样式引入CSS-->
<h1 style="color:red;">HTML中文网</h1>
<p style="color:red;font-size:30px;">HTML中文网</p>
</body>
</html>2. Eingebettetes Stylesheet (internes Stylesheet): Fügen Sie ihn im Style-Tag hinzu (Im Head-Tag hinzugefügt)
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>内部样式表</title>
<!--使用内部样式表引入CSS-->
<style type="text/css">
div{
background: green;
}
</style>
</head>
<body>
<div>我是DIV</div>
</body>
</html>3. Externes Stylesheet: Schreiben Sie den CSS-Stil in eine Datei mit der Erweiterung .css, importieren Sie dann den Stil und importieren Sie ihn (im Head-Tag)
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>外部样式表</title>
<!--链接式:推荐使用-->
<link rel="stylesheet" type="text/css" href="css/style.css" />
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</html>Empfohlene Tutorials: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWie führt man CSS ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Lösung dafür, dass die Ordnereigenschaften von Win7 keine Registerkartenseite freigeben
Was ist Vuex?
So reinigen Sie das zu volle Laufwerk C des Computers
Mathematische Modellierungssoftware
Der Unterschied zwischen vscode und vs
Wie tippe ich die Inschrift auf dem Münzkreis ein?
So entschlüsseln Sie die Bitlocker-Verschlüsselung
So lösen Sie das Problem des langsamen Downloads von Baidu Netdisk
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
