Heim >Web-Frontend >CSS-Tutorial >Wie verwende ich das Div-Layout?
Wie verwende ich das Div-Layout?
- little bottleOriginal
- 2019-05-11 16:59:3812521Durchsuche
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.
dc6dce4a544fdca2df29d5ac0ea9906b 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 dc6dce4a544fdca2df29d5ac0ea9906b. Zusätzliche Stile können über die Klasse oder ID des dc6dce4a544fdca2df29d5ac0ea9906b angewendet werden.
Es ist nicht notwendig, jedem dc6dce4a544fdca2df29d5ac0ea9906b eine Klasse oder ID hinzuzufügen, obwohl dies gewisse Vorteile bietet.
Es ist möglich, sowohl Klassen- als auch ID-Attribute auf dasselbe dc6dce4a544fdca2df29d5ac0ea9906b-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>
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!