Heim >Web-Frontend >HTML-Tutorial >So verwenden Sie div-Tags
So verwenden Sie div-Tags
- 清浅Original
- 2018-12-13 13:06:3821585Durchsuche
So verwenden Sie div-Tags: 1. Das div-Tag kann den Stil durch Festlegen der Klasse oder ID erhalten. 2. Das div-Tag kann den Stil auch direkt über die Inline-Methode erhalten.
Die Betriebsumgebung dieses Artikels: Windows 7-System, Dell G3-Computer, HTML5- und CSS3-Version.
Verwendung von div-Tags: Das div-Tag kann den Stil durch Festlegen der Klasse oder ID erhalten oder den Stil direkt über die Inline-Methode erhalten.
dc6dce4a544fdca2df29d5ac0ea9906b-Tag kann das Dokument unterteilen Separate, unterschiedliche Teile. Es kann als strenges Organisationstool verwendet werden und verwendet keine damit verbundenen Formatierungen. Als nächstes werde ich die Verwendung von div im Artikel vorstellen, der einen gewissen Referenzwert hat.
Bedeutung von div:
Das div-Tag heißt Separation-Tags und kann Partitionen oder Abschnitte in einem Dokument definieren, mit dem Zweck, das Dokument in unabhängige und unterschiedliche Teile zu unterteilen. Es kann die Position von Text, Bildern, Tabellen und anderen Elementen festlegen
div ist ein Element, das zur Bereitstellung von Struktur und Hintergrund für Inhalte auf Blockebene in HTML-Dokumenten verwendet wird. Alles zwischen den Start- und End-Tags des div wird verwendet, um diesen Block zu bilden, und die Eigenschaften der enthaltenen Elemente werden durch die Attribute des div-Tags oder durch die Verwendung eines Stylesheets gesteuert.
Verwendung von div:
dc6dce4a544fdca2df29d5ac0ea9906b ist ein Element auf Blockebene, was bedeutet, dass sein Inhalt automatisch eine Zeile einnimmt. Zusätzliche Stileigenschaften können über die Klasse oder ID des Div abgerufen werden, es ist jedoch nicht erforderlich, jedem Div einen Selektor hinzuzufügen.
Sie können Klassen- oder ID-Attribute auf dasselbe dc6dce4a544fdca2df29d5ac0ea9906b-Element anwenden, aber im Allgemeinen wird nur eines davon angewendet. Der Hauptunterschied zwischen den beiden besteht darin, dass „class“ für Klassenelemente verwendet wird (kann als eine bestimmte Art von Elementen verstanden werden), während „id“ zur Identifizierung einzelner und eindeutiger Elemente verwendet wird.
[Empfohlener Kurs: HTML-Kurs]
Beispiel: Verwendung ohne Hinzufügen eines Selektors zu div
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div style="color:pink"> <h1>div的用法</h1></div> </body> </html>
Rendering:
Beispiel: Einen Klassenselektor zu div hinzufügen
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.demo{
width:450px;
height: 300px;
background: pink;
text-align: center;
line-height: 300px;
font-size: 20px;
}
</style>
</head>
<body>
<div>div的用法</div>
</body>
</html>Rendering:
Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für alle hilfreich ist, um div zu lernen
Das obige ist der detaillierte Inhalt vonSo verwenden Sie div-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!