Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wie verwende ich das Div-Layout?

little bottle
Freigeben: 2020-09-17 10:44:59
Original
12492 Leute haben es durchsucht

DIV ist die Positionierungstechnologie in Cascading Style Sheets, der vollständige Name ist DIVision, was Division bedeutet. Manchmal werden sie Schichten genannt. DIV wird in der Programmierung auch als ganzzahlige Teilbarkeit bezeichnet, das heißt, es können nur die ganzen Zahlen des Quotienten erhalten werden. Das DIV-Element ist ein Element, das verwendet wird, um Struktur und Hintergrund für Inhalte auf Blockebene innerhalb eines HTML-Dokuments (einer Anwendung unter Standard Universal Markup Language) bereitzustellen.

Wie verwende ich das Div-Layout?

<div> ist ein Element auf Blockebene. Das bedeutet, dass der Inhalt automatisch in einer neuen Zeile beginnt. Tatsächlich sind Zeilenumbrüche ein spezifisches Formatierungsverhalten von <div>. Zusätzliche Stile können über die Klasse oder ID des <div> angewendet werden.

Es ist nicht notwendig, jedem <div> eine Klasse oder ID hinzuzufügen, obwohl dies gewisse Vorteile bietet.

Es ist möglich, sowohl Klassen- als auch ID-Attribute auf dasselbe <div>-Element anzuwenden, es ist jedoch üblicher, nur eines davon anzuwenden. Der Hauptunterschied zwischen den beiden besteht darin, dass die Klasse für Gruppen von Elementen (ähnliche Elemente oder als eine bestimmte Art von Elementen verstanden werden kann) verwendet wird, während die ID zur Identifizierung einzelner spezifischer Elemente verwendet wird.

Beispiel:

<body>
<h1>NEWS WEBSITE</h1>
<p>some text. some text. some text...</p>
...
<div class="news">
<h2>News headline 1</h2>
<p>some text. some text. some text...</p>
...
</div>
<div class="news">
<h2>News headline 2</h2>
<p>some text. some text. some text...</p>
...
</div>
...
</body>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie verwende ich das Div-Layout?. 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