Detaillierte Erläuterung der Verwendung von CSS-Inline-Stilen, eingebetteten Stilen und externen Referenzstilen-CSS-Tutorial-php.cn

Detaillierte Erläuterung der Verwendung von CSS-Inline-Stilen, eingebetteten Stilen und externen Referenzstilen

王林

Freigeben： 2020-03-21 11:01:54

nach vorne

3426 Leute haben es durchsucht

Detaillierte Erläuterung der Verwendung von CSS-Inline-Stilen, eingebetteten Stilen und externen Referenzstilen

Ein einfaches Beispiel für die Verwendung der drei ist wie folgt:

Inline-Stil:

<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css行内样式</title>
</head>
<body>
<div style="width:100px;height:100px;background:red;"></div>>
 
</body>
</html>

Nach dem Login kopieren

(Empfohlenes Tutorial: CSS-Tutorial )

Inline-Stil:

<!!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css内嵌样式</title>
</head>
<body>
<style type="text/css">
#div{width:100px;height:100px;background:red;}
</style>
<div id="div"></div>>
 
</body>
</html>

Nach dem Login kopieren

Externer Stil:

<!doctype html>
<html>
<head>
 <meta charset="UTF-8">
 <title>css内嵌样式</title>
 <link rel="stylesheet" type="text/css" href="ccss.css">
</head>
<body>
<div id="div"></div>>
 
</body>
</html>

Nach dem Login kopieren

CSS-Datei:

#div{width:100px;height:100px;background:red;}

Nach dem Login kopieren

Zusammenfassung:

Inline-Stil: Der Code wird innerhalb eines Elements auf einer bestimmten Webseite geschrieben, zum Beispiel:

Inline-Stil: Es steht in < ;/head>Write in front; zum Beispiel:

Externer Stil: verweist zu einer externen CSS-Datei; zum Beispiel:

Verwandte Video-Tutorial-Empfehlungen: CSS-Video Tutorial

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von CSS-Inline-Stilen, eingebetteten Stilen und externen Referenzstilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!