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
JavaScript Canvas realisiert dynamische Punkt- und Linieneffekte
In diesem Artikel wird der spezifische Code für J...
12 Javascript-Tabellensteuerelemente (DataGrid) sind aussortiert
Wenn die DataSource-Eigenschaft eines DataGrid-Ste...
Auszeichnungssprache – CSS-Stil für Webanwendungen
Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...
So erhalten/berechnen Sie den Offset eines Seitenelements mit JavaScript
Frage Durch Klicken auf ein Steuerelement wird ei...
Dieser Artikel entführt Sie in die Welt der js-Datentypen und Datenstrukturen
Inhaltsverzeichnis 1. Was ist dynamische Typisier...
Detailliertes Beispiel zur Verwendung der distinct-Methode in MySQL
Ein deutlicher Bedeutung: distinct wird verwendet...
MySQL 5.7.20 Zip-Installations-Tutorial
MySQL 5.7.20 Zip-Installation, der spezifische In...
React implementiert Paging-Effekt
In diesem Artikel wird der spezifische Code für R...
Über visuelles Design und Interaktionsdesign
<br />Im gesamten Produktdesignprozess liege...
So laden Sie Excel-Stream-Dateien herunter und legen den Download-Dateinamen in Vue fest
Inhaltsverzeichnis Überblick 1. Download über URL...
Pygame-Code zum Erstellen eines Schlangenspiels
Inhaltsverzeichnis Verwendete Pygame-Funktionen E...
JavaScript, um einen ausgefallenen Karusselleffekt zu erzielen
In diesem Artikel werden zwei Methoden zur Implem...
Detailliertes Beispiel zum Entfernen doppelter Daten in MySQL
Detailliertes Beispiel zum Entfernen doppelter Da...
Analyse des MySQL-Sperrmechanismus und der Verwendung
Dieser Artikel veranschaulicht anhand von Beispie...
Memcached-Methode zum Erstellen eines Cache-Servers
Vorwort Viele Webanwendungen speichern Daten in e...