Heim > Web-Frontend > CSS-Tutorial > Wie verwende ich DIV und Span in HTML und CSS?

Wie verwende ich DIV und Span in HTML und CSS?

云罗郡主
Freigeben: 2018-11-05 14:22:19
Original
3403 Leute haben es durchsucht

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.

Wie verwende ich DIV und Span in HTML und CSS?

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!

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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage