Ist float nicht ein Box-Attribut in HTML?

Ja, Float gehört nicht zum Box-Attribut. Zu den Boxattributen gehören: Breite, Höhe, Polsterung, Polsterung unten, Polsterung links, Polsterung rechts, Polsterung oben, Rand, Rand usw.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Das Boxmuster (Modell) ist ein Denkmodell der CSS-Technologie, das häufig im Webdesign verwendet wird. CSS geht davon aus, dass alle HTML-Dokumentelemente eine rechteckige Elementbox generieren, die den vom Element im HTML-Dokumentlayout eingenommenen Platz beschreibt, der als Box visualisiert werden kann.

Durch die Definition einer Reihe boxbezogener Attribute können die Leistung und die Layoutstruktur jeder Box und sogar des gesamten HTML-Dokuments erheblich bereichert und gefördert werden.

Der CSS-Box-Modus (Modell), auch Box-Modell genannt, besteht aus mehreren Elementen: Elementinhalt (Inhalt), innerer Rand (Auffüllung), Rand (Rand) und äußerer Rand (Margin) (wie unten gezeigt). in der Abbildung).

Wir können diese Attribute verstehen, indem wir sie auf die Kisten (Boxen) in unserem täglichen Leben übertragen. Die Kisten, die wir in unserem täglichen Leben sehen, sind Kisten, die Dinge aufnehmen können und auch diese Eigenschaften haben, daher wird es das Kistenmuster genannt.

Box -Modell (Flexible Box) Attribute

1. Dies können konkrete Werte (mit Einheiten) oder prozentuale Einstellungen sein.

2. Einstellung der Polsterung:
• Die Polsterung der Box ist in vier Richtungen unterteilt: oben, rechts, unten und links.

Die Einstellung der Polsterung wird verwendet, um den in die Box geladenen Inhalt zu steuern zwischen Kastenrändern (Rändern).

Die Füllung der Box nimmt den Raum innerhalb der Box ein, der Mindestwert ist 0 und negative Werte sind nicht zulässig.

• Property
• Description

paddingVerwenden Sie das Shorthand-Attribut, um alle Padding-Eigenschaften in einer Deklaration festzulegen Legen Sie die linke Polsterung des Elements festLegen Sie die rechte Polsterung des Elements festLegen Sie die obere Polsterung des Elements fest (Lernen Video-Sharing: CSS-Video-Tutorial)

	Polsterung -left
	padding-right
	padding-top
	3. Einstellung der Ränder
Die Ränder der Box sind in vier Richtungen unterteilt: oben, rechts, unten und links	Die Einstellung der Ränder dient der Steuerung Der Abstand um die Außenseite der Box gehört zur Kategorie der Box selbst. Der Hauptzweck des Randes besteht darin, die Position der Box zu steuern, sodass negative Werte auftreten können. Legen Sie alle Randeigenschaften in einer Anweisung fest.

margin-bottom

Legen Sie den unteren Rand des Elements fest.

margin-left

Legt den linken Rand des Elements fest.

• margin-right
• Legt den rechten Rand des Elements fest.

margin-top

4. Rahmeneinstellung

• Die meisten Elementobjekte haben standardmäßig keinen Rahmen

• Um den Rahmen festzulegen, müssen 3 Elemente gleichzeitig festgelegt werden: Breite, Stil und Farbe.

• Zusammengesetztes Attribut „Rahmen“

• Erweiterte Attribute von Rändern, klassifiziert nach Attributelementen (Rahmenbreite: Rahmenbreite; Rahmenstil: Rahmenstil; Rahmenfarbe: Rahmenfarbe)

Legt den oberen Rand des Elements fest.

Eigenschaft	Beschreibung
border	abgekürztes Attribut, das zum Festlegen der Attribute für vier Seiten in einer Anweisung verwendet wird.
border-style	wird verwendet, um den Stil aller Ränder eines Elements festzulegen oder den Rahmenstil für jede Seite einzeln festzulegen.
border-width	Abkürzungsattribut, mit dem die Breite aller Ränder eines Elements oder die Breite jedes Rahmens einzeln festgelegt werden kann.
border-color	Kurzschriftattribut, legen Sie die Farbe der sichtbaren Teile aller Ränder des Elements fest, oder legen Sie die Farbe für jede der 4 Seiten fest.
border-bottom	Abkürzungsattribut, mit dem alle Attribute des unteren Rands in einer Anweisung zusammengefasst werden.
border-bottom-color	Legt die Farbe des unteren Randes des Elements fest.
border-bottom-style	Legen Sie den Stil des unteren Rands des Elements fest.
border-bottom-width	Legen Sie die Breite des unteren Rands des Elements fest.
border-left	Abkürzungsattribut, mit dem alle Attribute des linken Rands in einer Anweisung zusammengefasst werden.
border-left-color	Legen Sie die Farbe des linken Randes des Elements fest.
border-left-style	Legen Sie den Stil des linken Rands des Elements fest.
border-left-width	Legt die Breite des linken Randes des Elements fest.
border-right	Abkürzungsattribut, mit dem alle Attribute des rechten Rands in einer Anweisung zusammengefasst werden.
border-right-color	Legt die Farbe des rechten Randes des Elements fest.
border-right-style	Legen Sie den Stil des rechten Rands des Elements fest.
border-right-width	Legen Sie die Breite des rechten Randes des Elements fest.
border-top	Abkürzungsattribut, mit dem alle Attribute des oberen Rands in einer Anweisung zusammengefasst werden.
border-top-color	Legen Sie die Farbe des oberen Randes des Elements fest.
border-top-style	Legen Sie den Stil des oberen Randes des Elements fest.
border-top-width	Legen Sie die Breite des oberen Rands des Elements fest.

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonIst float nicht ein Box-Attribut in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!