So verwenden Sie div-Tags

清浅
Freigeben: 2021-04-20 11:01:22
Original
21516 Leute haben es durchsucht

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.

So verwenden Sie div-Tags

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.

-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:

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

-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>
Nach dem Login kopieren

Rendering:

So verwenden Sie div-Tags

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>
Nach dem Login kopieren

Rendering:

So verwenden Sie div-Tags

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!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
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!