Zusammenfassung der Erfahrungen mit der Verwendung des Div-Box-Modells

Berechnung des Boxmodells <br />Rand + Rahmen + Polsterung + Inhalt

Die Breite und Höhe in CSS legen nur die Höhe und Breite des Inhaltsbereichs fest. Nicht die Höhe und Breite des gesamten Modells.

Code kopieren

Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" />
<Titel>Demo</Titel>
<style type="text/css">
*{Rand:0; Polsterung:0;}
dl { Hintergrund: rot; Rand: 10px durchgezogen #000; Breite: 100px; Höhe: 100px;}
dt { Hintergrund:gelb;}
dd { Hintergrund:grün;}
</Stil>
</Kopf>
<Text>
<dl>
<dt>Test von dt</dt>
<dd>Test von dd</dd>
</dl>
</body>
</html>

Das Festlegen von Rändern und Polsterungen wirkt sich nicht auf die Höhe und Breite des Inhaltsbereichs aus, sondern ändert nur die Höhe und Breite des sekundären Boxmodellbereichs.

Wenn die Boxmodelle verschachtelt sind, wirkt sich das innere Boxmodell auf das äußere Boxmodell aus.

Detaillierte Erklärung des Codes zwischen der MySQL-Masterbibliothek Binlog (Master-Log) und der Slave-Bibliothek Relay-Log

Artikel

Zusammenfassung der Erfahrungen mit der Verwendung des Div-Box-Modells

Detaillierte Erklärung der drei wichtigsten Frontend-Technologien React, Angular und Vue

Halbtransparente Bildverarbeitung. Ideen und Code zur Implementierung von halbtransparentem Hintergrund.

Lösungen für Dateien/Ordner, die unter Linux nicht gelöscht werden können

MySQL-Anmeldefehler beheben: „Zugriff für Benutzer ‚root‘@‚localhost‘ verweigert“

So installieren Sie WSL2 Ubuntu20.04 unter Windows 10 und richten die Docker-Umgebung ein

JavaScript Canvas realisiert farbenfrohen Sonnenhalo-Effekt

Vue-Überwachungseigenschaften und berechnete Eigenschaften

Detaillierte Erklärung des Codes zwischen der MySQL-Masterbibliothek Binlog (Master-Log) und der Slave-Bibliothek Relay-Log

Statische IP-Konfigurationsmethode für die Centos8-Brücke in der virtuellen VMware-Maschine

Implementierung von Nginx-Filterzugriffsprotokollen für statische Ressourcendateien

Artikel empfehlen

Linux entfernt node.js vollständig und installiert es über den Befehl yum neu

Docker-Installations- und Konfigurationsschritte für RabbitMQ

Detaillierte Erklärung der schmerzlosen Token-Aktualisierungsmethode von Uniapp

Anfänger lernen einige HTML-Tags (3)

Natives JS zur Implementierung der E-Mail-Eingabeaufforderung im Anmeldefeld

Beispielerklärung von MySQL-Fremdschlüsseleinschränkungen

Probleme und Lösungen bei der Installation von Docker in der Alibaba Cloud

Einführung in Fork in Multithreading unter Linux

MYSQL METADATA LOCK (MDL LOCK) MDL-Sperrproblemanalyse

Implementierung eines Docker-Cross-Host-Netzwerks (manuell)

Schritte für Docker zum Erstellen eines privaten Lagerhafens

Detaillierter Ablauf des Zabbix-Überwachungsprozesses und des Port-Through-Agenten

So fügen Sie einen Link in HTML ein

Ausführliche Erläuterung des globalen Status des WeChat-Applets

Detaillierte Erklärung zur Verwendung von JavaScript WeakMap