Ressourcenfreigabe für HTML5- und CSS3-Blog-Tutorials im flachen Stil

Dieser Kurs erklärt ausführlich anhand von Beispielen für CSS3-Blogs im flachen Stil und macht es für jeden einfacher, die Komponenten regulärer Webseiten zu verstehen, verschiedene Teile von WEB-Komponenten flexibel zu verwenden, ihre Kompositionsideen sowie das flexible Layout und Design von zu verstehen Webseiten. Wir können auch das Gesamtlayout von Makro bis Mikro erfassen.

Adresse für die Kurswiedergabe: //m.sbmmt.com/course/307.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 die Wohnung Stil von HTML5 und CSS3 Blog:

Modulanalyse:
Flaches Stillayout: Kopfzeile und Textkörper
Seitenkomponentenanalyse:
1, Kopfzeile (Seitenkopf):
①h1>a, setzen Sie den Homepage-Link. Es wird im Allgemeinen empfohlen, dass eine Seite nur ein h1 hat und andere h2, h3 usw. verwenden können. Jiangzi ist förderlich für die Seitenoptimierung
②nav>ul>li>a>span , Verschachtelung von Menüs Schicht für Schicht, hauptsächlich mit einer strukturierten Methode, da nicht sicher ist, wie viele Schaltflächen oder Links in der Navigationsleiste benötigt werden,
2 Teil + Scroll-Down-Taste
①div>h2+ul,
h2>p
ul>li>a
②a
3, Textabschnitt1
①section>div>header+ul
header>h2>p
header schreibt den Titel und den Untertitel
ul>li>aTitel auf gleicher Ebene
inner wird verwendet, um die Breite der gesamten Seite einzuschränken
3, Textabschnitt2
section>section>div1+div2
div1>img
div2>h2 +p
Wenn Sie kein starkes Listenattribut haben, können Sie es mit div schreiben.
4, Abschnitt 3 und 4 werden weggelassen
5, Fußzeile, Fußzeilenteil
Fußzeile>ul+ul, div oder span ist hier geeignet.

1. Stil und Dateistruktur zurücksetzen:
Zweck des Zurücksetzens des Stils:
Den Stil unter verschiedenen Browsern konsistent machen,
Website: Offizielle Website zum Zurücksetzen des Stils von cssreset.com,
Üblicherweise Verwendete URL: necolas.github.io/normalize.css Der Browser ist normalisiert und kann direkt importiert werden

2. Analyse des Seitenrahmens:
header+content+footer
Header>Navigationnav> Themenbanner

3. Strukturanalyse und Layout des Seitenkopfes
※ Durch die Eingabe von Lorem+Tab in den Sublime-Editor kann eine bedeutungslose Textfüllung entstehen.

Das obige ist der detaillierte Inhalt vonRessourcenfreigabe für HTML5- und CSS3-Blog-Tutorials im flachen Stil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!