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. |
<<: Html+css, um reinen Text und Schaltflächen mit Symbolen zu erreichen
>>: Der eigentliche Prozess der Implementierung des Zahlenrätsels im WeChat-Applet
Artikel empfehlen
Zwei Möglichkeiten zum Schreiben gespeicherter Prozeduren in MySQL mit und ohne Rückgabewerte
Vorgang 1: mit Rückgabewert: Prozedur löschen, fa...
Beispiel für die Implementierung des Skelettbildschirms des WeChat-Applets
Inhaltsverzeichnis Was ist ein Skelettbildschirm?...
Verschiedene Probleme, auf die Anfänger bei der Installation von MySQL in Docker stoßen
Vorwort In letzter Zeit dauert das Herunterfahren...
Fehlerbehebung bei der Ursache des 502 Bad Gateway-Fehlers auf dem Nginx-Server
Der Server meldet einen Fehler 502 beim Synchroni...
Mehrere gängige Methoden zum Festlegen der Ankerpositionierung in HTML
Mir sind mehrere Möglichkeiten bekannt, die Ankerp...
Docker startet das Elasticsearch-Image und behebt den Fehler nach dem Mounten des Verzeichnisses
Ein ES-Image vom Docker-Hub heruntergeladen, Vers...
Erfahren Sie mehr über den Ereignisplaner EVENT in MySQL
Der Ereignisplaner in MySQL, EVENT, wird auch als...
MySQL-Abfrageanweisung nach Zeit gruppiert
MySQL-Abfrage nach Jahr, Monat, Woche, Tagesgrupp...
Lösung für den 1045-Fehler in der MySQL-Datenbank
Wie löst man das Problem 1045, wenn die lokale Da...
Datenbankabfrage, welches Objekt welches Feld enthält, Methodenanweisung
Die Datenbank fragt ab, welches Objekt welche Fel...
Weitergabe von Techniken für Farbkontrast und -harmonie im Web
Farbkontrast und Harmonie Unter kontrastierenden ...
MySQL Flush-List und Flushing-Mechanismus für Dirty Pages
1. Überprüfung Der Pufferpool wird nach dem Start...
Detaillierte Schritte zum Debuggen von VUE-Projekten in IDEA
Um JS-Code zu debuggen, müssen Sie jedes Mal eine...
JavaScript implementiert die Drag-Slider-Puzzle-Verifizierungsfunktion (html5, Canvas)
Einführung: Die Überprüfung des Ziehens von Schie...
Vue-Elternkomponente ruft Funktionsimplementierung der Unterkomponente auf
Die übergeordnete Vue-Komponente ruft die Funktio...