Boolean Education_Yan Shiba_HTML Videoressourcen-Kursunterlagen

"Boolean Education_Yan Shiba_HTML Tutorial" beginnt mit den grundlegendsten Konzepten und geht Schritt für Schritt tiefer, sodass jeder die Grundkenntnisse von HTML- und CSS-Stilen erlernt und die Bedeutung und grundlegende Verwendung verschiedener häufig verwendeter Tags versteht In einem Teil des Tutorials wird erklärt, wie man Code im CSS-Stil hinzufügt und so den Grundstein für nachfolgende Fallkurse legt.

Adresse für die Kurswiedergabe: http://www.php.cn/course/222.html

Der Unterrichtsstil des Lehrers:

Die Vorträge des Lehrers sind einfach und ausführlich, klar in der Struktur, werden Schicht für Schicht analysiert, ineinandergreifend, streng in der Argumentation, streng in der Struktur und im Gebrauch Die logische Kraft des Denkens, um die Aufmerksamkeit der Schüler zu erregen. Nutzen Sie die Vernunft, um den Unterrichtsprozess im Klassenzimmer zu steuern. Durch das Anhören der Vorträge des Lehrers lernen die Schüler nicht nur Wissen, sondern erhalten auch eine Denkschulung und werden auch von der strengen akademischen Haltung des Lehrers beeinflusst und beeinflusst

Der schwierigere Punkt in diesem Video ist eine Überlaufverarbeitung:

Aufgeworfene Frage:
Der einfachste Fall besteht darin, dass wir ein kleines p-Element mit fester Breite (z. B. Navigation, Referenz usw.) zusammen mit anderen Elementinhalten einschließen Ein großes p. Zum Beispiel der folgende Code:

<p id="outer">     
  <p id="inner"> <h2>A Column</h2> </p>     
  <h1>Main Content</h1>     
  <p>Lorem ipsum</p>     
</p>

Wir können einen Breitenwert (z. B. 20 %) für „#inner“ festlegen, aber da p ein Element auf Blockebene ist, auch wenn Wenn wir die Breite festlegen, kann der Inhalt dahinter nur in der nächsten Zeile angezeigt werden, es sei denn, wir legen ein Floating-Attribut fest (ob nach links oder nach rechts schwebend). Dann wird zu diesem Zeitpunkt das oben erwähnte Problem auftreten.

Dies stellt kein Problem dar, wenn „#inner“ eine kleinere Breite und Höhe als „#outer“ hat.

Wenn jedoch die Höhe von „#inner“ die Höhe von „#outer“ überschreitet, übersteigt die Unterseite von „#outer“. Dies liegt daran, dass, nachdem wir das Float-Attribut für „#inner“ festgelegt haben, es aus dem Textfluss ausbricht und „#outer“ den Änderungen nicht folgt, egal wie sich Breite und Höhe ändern.

Beispiel 1: Layoutleistung, wenn Floats nicht gelöscht werden
In diesem Beispiel wird es zunächst kein Problem geben, da die Höhe von „#inner“ kleiner als „#outer“ ist, aber wenn Sie klicken „Erweitern“ „Danach werden Sie feststellen, dass die Unterkante von „#inner“ den Bereich von „#outer“ überschritten hat, „#outer“ sich jedoch nicht geändert hat. Dies ist das von uns erwähnte Problem „Clear Float (Closed Float Element)“ oder „Closed Float“

Lösung:
1) Zusätzliche Tag-Methode
Die erste wird auch vom W3C empfohlen. Der beste Weg besteht darin, zusätzliche Tags zu verwenden. Bei dieser Methode wird am Ende des Inhalts ein leeres Tag hinzugefügt. Die typische Methode besteht darin, etwas wie

<br style="clear:both;" />

oder

<p style="clear:both;"></p>

zu verwenden pass Das Hinzufügen eines HTML-Elements erzwingt die Erweiterung des äußeren Containers. Allerdings fügt diese Methode zusätzliche Tags hinzu und lässt die HTML-Struktur weniger prägnant aussehen.

Hier empfehlen wir auch den Download von Materialien: http://www.php.cn/xiazai/learn/1857

1. lionhit

2. minillionhit

3. xhtml

Das obige ist der detaillierte Inhalt vonBoolean Education_Yan Shiba_HTML Videoressourcen-Kursunterlagen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!