9.5. Lernzusammenfassung des CSS-Einsteigerkurses für Anfänger

Lernzusammenfassung
html 5

Attribute unter dem Vido-Tag und dem Audio-Tag: Steuert die Wiedergabe, steuert die Loop-Loop-Wiedergabe, die automatische Wiedergabe und die automatische Wiedergabe

CSS

Der Unterschied zwischen Elementen auf Blockebene und Inline-Elementen
1. Elemente auf Blockebene: Blockelement
Jedes Element auf Blockebene belegt standardmäßig eine Zeile Höhe, sobald ein Element auf Blockebene hinzugefügt wird In einer Zeile können keine anderen Elemente hinzugefügt werden (float außer nach float). Wenn zwei Elemente auf Blockebene kontinuierlich bearbeitet werden, werden sie automatisch umbrochen und auf der Seite angezeigt. Elemente auf Blockebene können im Allgemeinen Elemente auf Blockebene oder Inline-Elemente verschachteln.
Elemente auf Blockebene erscheinen im Allgemeinen als Container zum Organisieren von Strukturen, dies ist jedoch nicht immer der Fall. Einige Elemente auf Blockebene, wie z. B.

, können nur Elemente auf Blockebene enthalten. Andere Elemente auf Blockebene können Elemente auf Zeilenebene enthalten, z. B.

. Andere können sowohl Elemente auf Blockebene als auch auf Zeilenebene enthalten.
DIV ist das am häufigsten verwendete Element auf Blockebene, und der Elementstil display:block umfasst alle Elemente auf Blockebene. Sie werden immer in Form eines Blocks ausgedrückt und sind vertikal nacheinander mit den Geschwisterblöcken derselben Ebene angeordnet, wobei sie die linke und rechte Seite ausfüllen.

2. Inline-Element: Inline-Element
wird auch als Inline-Element, eingebettetes Element usw. bezeichnet. Inline-Elemente sind im Allgemeinen Basiselemente basierend auf der semantischen Ebene (Semantik) und können nur Text oder andere Inline-Elemente aufnehmen . Element, gemeinsames Inline-Element „a“. Beispielsweise sind SPAN-Elemente, IFRAME-Elemente und die Elementstilanzeige: inline alle Inline-Elemente. Beispielsweise werden Elemente wie Text horizontal zwischen Buchstaben angeordnet und automatisch an das rechte Ende umgebrochen.

3. Eigenschaften des Blockelements
②. Höhe, Zeilenhöhe, Ränder und Abstand können alle gesteuert werden ist 100 % seines Containers, sofern keine Breite festgelegt ist.
④. Es kann Inline-Elemente und andere Blockelemente aufnehmen

4. Eigenschaften von Inline-Elementen
②, Höhe, Zeilenhöhe und Die Außenränder und Innenränder können nicht geändert werden;
③, die Breite ist die Breite des Textes oder Bildes, kann nicht geändert werden
④, Inline-Elemente können nur Text oder andere Inline-Elemente aufnehmen

Bitte beachten Sie bei Inline-Elementen Folgendes:
Das Festlegen der Breite ist ungültig.
Das Festlegen der Höhenhöhe ist ungültig und kann über die Zeilenhöhe festgelegt werden.
Die Einstellung des Randes gilt nur für den linken und rechten Rand, nicht für den oberen und unteren Rand.
Die Einstellung der Polsterung gilt nur für die Polsterung links und rechts, nicht für die Polsterung oben und unten. Beachten Sie, dass der Umfang des Elements vergrößert wird, der Inhalt um das Element herum jedoch nicht beeinträchtigt wird.

Priorität der CSS-Stil-Einführungsmethode
Inline-Priorität ist die höchste. Andere Einführungsmethoden hängen vom jeweiligen Speicherort ab.

CSS-Auswahl

ID-Selektor

KLASSEN-Selektor

Element-Selektor

Nachkommen-Selektor
Kind-Selektor
Angrenzende Geschwister-Selektor
Platzhalter-Selektor

Derzeit wird die Reset-Technologie in der Anfängerstufe durch das Platzhalterzeichen *{} implementiert

Normalisieren kann in Zukunft grundsätzlich als Ersatz für die Reset-Technologie verwendet werden