Zusammenfassung gängiger Begriffe in CSS (Cascading Style Sheet)
|
Wenn Sie CSS verwenden, vergessen Sie nicht, DOCTYPE (Dokumenttypdefinition) zu schreiben. Standard-Boxmodell  1. Elementklassifizierung <br />Elemente auf Blockebene (Block) Div+css (DIV und CSS sind beides Container) <p> ist ein Absatz-Tag, ein Element auf Blockebene. Inline-Elemente Span reagiert nicht auf die Eigenschaften des Boxmodells. 2. Standardablauf <br />Die Anordnung der Beschriftungen. 3. Boxmodell <br />Setzen Sie das Element mit einem Rand von 4 in die Box ein (nehmen Sie den Maximalwert, wenn zwei zusammen sind, addieren Sie die Summe nicht) Padding 4 Inhaltsbereiche (Breite und Höhe) Grenze 4 Stile können zusammen geschrieben werden. 4. Float <br />Weichen Sie vom Standardfluss ab. 5. Positionierung <br />Absolut: Absolut weicht vom Standardfluss ab und ist absolut bezüglich der Box, die das Element enthält. Relativ: relativ zur ursprünglichen Position, aber nicht außerhalb des Standardflusses 6. Festlegen des Hyperlink-Stils a:link ist der Anfangszustand des Hyperlinks a:hover ist der Schwebezustand, wenn die Maus darauf platziert wird a:aktiv ist, wenn die Maus geklickt wird a: besucht ist die Situation nach dem Besuch 7. CSS-Hack (Weitere Informationen zum CSS-Hack finden Sie unter: http://baike.baidu.com/view/1119452.htm) *margin-top:10px!important; /*Nur IE678 erkennt diese Regel*/ _margin wird nur von IE6 erkannt. Andere Kernbrowser können es erkennen!Wichtig (Priorität erhöhen) Lösen Sie das IE-Lückenproblem: Margin-top: -2em Machen Sie den äußeren Rand zwei e-Einheiten nach oben 8. Diese drei Attribute müssen beim Laden des geschnittenen Bildes vorhanden sein Hintergrundbild Hintergrundposition Hintergrundwiederholung: /*keine Wiederholung*/ 9. * Der Raum stellt die Einstellungen für alle Elemente dar |
<<: Implementierung des Element-UI-Layouts (Zeilen- und Spaltenkomponenten)
>>: Fügen Sie nach js oder css ?v= Versionsnummer hinzu, um das Browser-Caching zu verhindern
Artikel empfehlen
Detaillierte Erklärung gängiger Docker-Befehle
1. Hilfe-Befehl 1. Aktuelle Docker-Version anzeig...
Analyse der vernachlässigten DOCTYPE-Beschreibung
Doctype ist einer davon: <!DOCTYPE HTML PUBLIC ...
5 Möglichkeiten zur Migration von MySQL zu ClickHouse
Die Datenmigration muss von MySQL nach ClickHouse...
Analyse der Vorteile von Klassen gegenüber IDs beim Kommentieren von HTML-Elementen
Webseiten enthalten sehr komplexe HTML-Strukturen...
Installations-Tutorial für VMware Workstation 12 Pro Linux
Dieser Artikel zeichnet das Linux-Tutorial zur In...
Detaillierte Erklärung der Verwendung von SetUp- und Reactive-Funktionen in Vue3
1. Wann soll setUp ausgeführt werden? Wir alle wi...
Detaillierte Erläuterung der Vorverarbeitungsmethode für WeChat-Applet-Anforderungen
Frage Da einige unserer Seiten Daten im Onload-Mo...
Beispielcode für Text-Origami-Effekt mit CSS3
Vorwort In diesem Artikel erfahren Sie hauptsächl...
So stellen Sie npm so ein, dass Pakete aus mehreren Paketquellen gleichzeitig geladen werden
Inhaltsverzeichnis 1. Lokalen Speicher erstellen ...
JS realisiert den automatischen Wiedergabeeffekt von Bildern
In diesem Artikel wird der spezifische Code von J...
Eine kurze Diskussion über allgemeine Operationen von MySQL in cmd und Python
Umgebungskonfiguration 1: Installieren Sie MySQL ...
Bidirektionale verknüpfte Liste der JavaScript-Datenstruktur
Eine einfach verkettete Liste kann nur vom Anfang...
Detaillierte Erklärung basierend auf Event Bubbling, Event Capture und Event Delegation
Ereignis-Bubbling, Ereigniserfassung und Ereignis...
Schritte zur Domänennamenauflösung beim Alibaba Cloud Server (Tutorial für Anfänger)
Für Anfänger, die gerade mit dem Erstellen einer ...
So implementiert Webpack das Caching statischer Ressourcen
Inhaltsverzeichnis Einführung Unterscheiden Sie z...