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
React-Internationalisierung – Verwendung von react-intl
Wie erreicht man Internationalisierung in React? ...
Tiefgreifendes Verständnis der Verwendung von CSS clear:both
clear:both wird zum清除浮動Das ist der Eindruck, den ...
Der Unterschied zwischen Schaltfläche und Eingabetyp = Schaltfläche und Vorsichtsmaßnahmen
<button>-Tag <br />Definition und Verw...
Informationen zum Bereitstellen eines Webprojekts auf dem Alibaba Cloud Server (in 5 Schritten)
1. Melden Sie sich zunächst auf der Alibaba Cloud...
Methode zum Erstellen eines privaten Docker-Warehouses basierend auf Harbor
Inhaltsverzeichnis 1. Einführung in Harbor 1. Har...
Eine kurze Analyse der Prinzipien von NFS-Servern und der Schritte zum Erstellen, Konfigurieren und Bereitstellen dieser
Inhaltsverzeichnis Einführung in den NFS-Dienst W...
MySQL 8.0.17 Installations- und einfaches Konfigurationstutorial unter macOS
Wenn Sie nicht verstehen, was ich geschrieben hab...
Detaillierte Erklärung zur Verwendung von Vue-Resource-Interceptors
Vorwort Abfangjäger In einigen modernen Front-End...
js implementiert das Ein- und Ausblenden von Inhalten mit der Maus über die Karte
In diesem Artikel wird der spezifische Code von j...
Eine kurze Analyse der Übereinstimmungspriorität des Nginx-Konfigurationsspeicherorts
Vorwort Der Speicherort im Serverblock in der Ngi...
Beispielcode zur Implementierung eines 3D-Rotationseffekts mit reinem CSS
Verwenden Sie hauptsächlich die Eigenschaften „pr...
Beispiel für die Anzeige von Bildjalousien mit reinem CSS
Lassen Sie mich Ihnen zunächst den fertigen Effek...
Detaillierte Erläuterung der Verwendung von Requisiten in den drei Hauptattributen von React
Inhaltsverzeichnis Klassenkomponente Funktionale ...
Standardmäßige Stilanordnung von HTML4.0-Elementen
Code kopieren Der Code lautet wie folgt: html, Ad...
So ändern Sie den iTunes-Sicherungspfad unter Windows
0. Vorbereitung: • Schließen Sie iTunes • Beenden...