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
Ein grafisches Tutorial zur Installation des Redhat 8.0-Systems (ein Muss für Anfänger)
Inhaltsverzeichnis 1. Einleitung 2. Installation ...
6 ungewöhnliche HTML-Tags
Zuerst: <abbr> oder <acronym> Diese be...
Verwendung des LRU-Algorithmus in der in Vue integrierten Komponente „Keep-Alive“
Inhaltsverzeichnis Auch die Verwendung der integr...
Detaillierte Erläuterung zur Verwendung von Node.js zum Implementieren einer Hot-Reload-Seite
Vorwort Vor nicht allzu langer Zeit habe ich Brow...
Erste Schritte Tutorial für Anfänger ④: So binden Sie Unterverzeichnisse
Um zu verstehen, was das bedeutet, müssen wir zunä...
Analyse des Quellcodes des Nginx-Speicherpools
Inhaltsverzeichnis Speicherpoolübersicht 1. Nginx...
Drei Strategien zum Umschreiben von MySQL-Abfrageanweisungen
Inhaltsverzeichnis Komplexe Abfrage und schrittwe...
Detailliertes Tutorial zur Installation und Konfiguration der komprimierten Version der MySQL-Datenbank
Inhaltsverzeichnis 1. MySQL herunterladen 2. Entp...
HTML-Tutorial, leicht zu erlernende HTML-Sprache (2)
*******************Einführung in die HTML-Sprache ...
Analyse von SQL-Integritätsbeschränkungsanweisungen in der Datenbank
Integritätsbeschränkungen Integritätsbedingungen ...
Ausführliche Erläuterung der verschiedenen Methoden sowie der Vor- und Nachteile der JavaScript-Vererbung
Inhaltsverzeichnis 1. Vererbung der Prototypkette...
Beispielcode zur Implementierung einer dynamischen leuchtenden Spezialeffektanimation von Kreisen mit reinem CSS3
In diesem Artikel wird hauptsächlich der Beispiel...
Detaillierte Erklärung zum Problem der CSS-Klassennamen
Die folgenden CSS-Klassennamen, die mit einer Zah...
htm-Anfängerhinweise (unbedingt für Anfänger lesen)
1. Was ist HTML HTML (HyperText Markup Language):...
Zusammenfassung der Verwendung von drei For-Schleifenanweisungen in JavaScript (for, for...in, for...of)
Vorwort Jeder Entwickler, der mit JS in Berührung...