Wie verwende ich DIV und Span in HTML und CSS?

Dieser Artikel hilft Ihnen, „div“ und „span“ in CSS und HTML zu verstehen und zu verwenden und sie mit CSS zu formatieren. Der Hauptzweck der Verwendung von „div“ besteht darin, den Hauptteil in kleinere Teile zu unterteilen, während „span“ dazu verwendet wird, einen Bereich innerhalb einer Zeile zu definieren.

Erstens: Verwenden Sie div

in 1.html, um Notepad zu öffnen und die grundlegende HTML-Struktur einzugeben. Es enthält im Grunde den Textkörper innerhalb des HTML.

2. Platzieren Sie das

-Tag innerhalb des Body-Tags. Sie müssen bedenken, dass div ein Container-Tag ist, daher muss ihm ein

folgen, z. B.

Sie können also sogar div-Tags innerhalb von

verwenden.

Zwei: 1. Geben Sie in

Sie können mit # eine ID für Ihr

erstellen oder einfach das Div schreiben und dessen Höhe, Breite usw. festlegen. Wenn Sie jedoch viele Divs haben, ist es besser, eine ID zu verwenden.

2. Verwenden Sie span

, um das Tag einzufügen und etwas Text zu schreiben, und schließen Sie es dann mit . Das Span-Tag wird normalerweise verwendet, um einen Teil einer Zeile auszuwählen und bestimmte Eigenschaften darauf anzuwenden. Sie können damit jedoch mehrere Zeilen auswählen.

Tipp:

Denken Sie immer daran, dass

Container-Tags sind und daher geschlossen werden müssen.

Sie können ein großes

erstellen und darin viele

einfügen.

Anstatt Tabellen zu verwenden, können Sie

verwenden, um Ihre Website zu gestalten.

Das Obige ist eine vollständige Einführung in die Verwendung von DIV und Span in HTML und CSS. Wenn Sie mehr über das CSS3-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWie verwende ich DIV und Span in HTML und CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!