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.

Probleme und Lösungen beim Bereitstellen eines Projekts beim Upgrade der Mysql-Datenbank von Version 5.6.28 auf Version 8.0.11

Artikel

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

HTML-Beispielcode zum Lesen und Anzeigen von Bildern in einem lokalen Ordner

Zusammenfassung der Wissenspunkte zur MySQL-Architektur

Detaillierte Erläuterung des Vue Router Routing Guard

Probleme und Lösungen beim Bereitstellen eines Projekts beim Upgrade der Mysql-Datenbank von Version 5.6.28 auf Version 8.0.11

Zusammenfassung der allgemeinen Docker-Befehle und Tipps

Beispielcode für mehrere Elementtabellen, um synchrones Scrollen zu erreichen

So verwenden Sie Vue zum Entwickeln öffentlicher Account-Webseiten

Zusammenfassung der Installationsschritte und aufgetretenen Probleme beim Dekomprimieren der Version mysql5.7.24

Lösungen für das Problem der Erstellung von XHTML- und CSS-Webseiten

Asynchroner Lebenszyklus von AsyncHooks in Node8

Artikel empfehlen

CSS-Rand halb oder teilweise sichtbarer Implementierungscode

Detaillierte Erläuterung der ersten Erfahrungen mit Vue3.0 + TypeScript + Vite

Tutorial zur Installation von MYSQL8.X auf Centos

MySQL 5.7-Bereitstellung und Remotezugriffskonfiguration unter Linux

Analyse der MySql-Indexnutzungsstrategie

5 Möglichkeiten, den diagonalen Kopfzeileneffekt in der Tabelle zu erzielen

Warum der CSS-Attributwert clear:right im Detail nicht funktioniert

Reagieren Sie auf den nativen ScrollView-Pulldown-Aktualisierungseffekt

Installations- und Verwendungsschritte für Docker Compose

Konstruktions- und Nutzungsprozess des Vue3.0-Projekts

Detaillierte Erklärung des TARGET-Attributs des HTML-Hyperlink-Tags A

Detaillierte Erläuterung des Prinzips und der Verwendung von MySQL-gespeicherten Prozeduren

Wie wählt man das perfekte Aloe Vera Gel aus? Perfektes Aloe Vera Gel – So erkennen Sie Echtheit und Fälschung

Beispiel für die Konfiguration mehrerer SSL-Zertifikate für eine einzelne Nginx-IP-Adresse

Zusammenfassung der Docker-Datenspeicherung