Sollten Sie beim Entwerfen einer Webseite zuerst HTML oder CSS schreiben?

Viele Freunde haben ihre eigenen Gewohnheiten. Manche Leute schreiben lieber zuerst CSS, andere schreiben lieber zuerst HTML. Was ist also der wissenschaftlichste Schreibprozess für das Webseitenlayout? Heute werde ich es für alle analysieren

Es gibt viele Antworten darauf im Internet: Schreiben Sie zuerst HTML und dann schreiben Sie CSS; schreiben Sie zuerst CSS und dann schreiben Sie beides gleichzeitig.

Wenn ich normalerweise HTML-Seiten erstelle, erstelle ich zunächst eine grobe Verzeichnisdatei für die Website, z : Um die JS-Skriptsprache zu speichern, empfehle ich, die CSS-Datei direkt im Bilderordner abzulegen, um beim Aufrufen des Bildhintergrunds eine Verwechslung des Bildpfads zu vermeiden und die Pflege der Bildnamen zu erleichtern. Natürlich sollte die HTML-Seite vorhanden sein im Stammverzeichnis abgelegt. Dann schreiben wir zunächst den grundlegendsten Layoutteil in HTML mit DIV und fügen dann direkt ID oder
CLASS
(den Unterschied zwischen ID und CLASS) in den DIV ein Jackenteil, Kopfteil, Mittelteil, links, Mitte, rechts, Copyright-Teil usw. Der Kopf, die Mitte und das Ende sind im Grunde die gemeinsamen Teile der Seite, und die meisten Webseiten sind nach diesen drei Hauptteilen gruppiert. Nachdem wir diese Teile mit ID oder Klasse benannt haben, schreiben wir dann das entsprechende CSS-Stil--Attribut in die CSS-Stildatei. Bevor wir das CSS schreiben, müssen wir das globale div, h1, h2, die Schriftart, die Schriftgröße, li und andere Stile der gesamten Site definieren. Wenn Sie mehr wissen möchten, gehen Sie bitte zu Laden Sie die globale Definitions-CSS-Vorlage herunter und verwenden Sie sie, damit Sie sie nicht jedes Mal neu definieren müssen, wenn Sie eine neue Website erstellen, sondern Sie können die allgemeine grundlegende CSS-Stildefinitionsvorlage direkt kopieren und verwenden. Im Allgemeinen ist es für Anfänger bei der Erstellung von DIV+CSS am besten, gleichzeitig HTML und CSS zu erstellen, um Fehler zu reduzieren. Wenn die Erfahrung während der Produktion nicht sehr gut ist, hoffe ich, die Kompatibilität in verschiedenen Browserversionen während des Produktionsprozesses zu testen. Ob die Anzeige in diesem Browser normal erscheint, in anderen Browsern jedoch unvollständig und verwirrend ist. usw. . Auf diese Weise können Sie grundlegende Kompatibilitätsprobleme lösen und verstehen, wertvolle technische DIV+CSS-Erfahrung sammeln und sich daran gewöhnen, Notizen zu machen, um sie in Zukunft nicht zu vergessen.

Lernen wir zuerst das Schreiben von HTML und dann das Schreiben von CSS:
Warum sagen einige erfahrene Leute Anfängern, dass wir den HTML-Teil nicht auf einmal schreiben können? Da es wahrscheinlich ist, dass Menschen Fehler machen, kann es beim Schreiben Ihrer Ideen zu Problemen oder aufgrund von Browserkompatibilitätsproblemen kommen, von denen Sie einige aufgrund mangelnder Erfahrung nicht vorhergesehen haben und die Sie beim Schreiben entdeckt haben Wenn es ein Problem gibt, müssen Sie möglicherweise Ihren HTML-Code ändern. Wenn Sie zuerst den HTML-Code schreiben und die Seite größer wird, vergessen Sie möglicherweise die Auswahl des CSS-Attributlayouts, an die Sie in HTML gedacht haben.

Dann lernen wir, wie man zuerst CSS und dann HTML schreibt:
Für erfahrene CSS-Produzenten ist dies praktikabler, als zuerst HTML und dann CSS zu schreiben. Warum? Wir wissen, dass die Funktion
Vererbung
des übergeordneten Attributs von CSS recht gut ist, daher können wir diese verwenden, um zuerst CSS zu schreiben. Dies kann jedoch für Anfänger nicht der Fall sein, wenn Sie zuerst das CSS schreiben und dann zum Schreiben zur HTML-Seite zurückkehren. Sie werden auf das von Ihnen geschriebene CSS zurückblicken und vergessen, wie die Auswahl aufgerufen wird, da Sie keine Erfahrung mit der CSS-Kompatibilität haben Probleme, die Kompatibilität ist auch recht gut. Erfahrene Benutzer verwenden die übergeordnete Vererbungsfunktion zum Layouten des CSS-Dateicodes. Wenn sie zu HTML zurückkehren, ist klar, dass es beim Aufrufen von Klassen und IDs in CSS nicht leicht ist, Fehler zu machen. Oben wurden die sequentiellen Schreibmethoden vorgestellt und erklärt, aber es ist erwähnenswert, dass wir beim Erstellen von Seiten im Allgemeinen beide gleichzeitig + Browsertests verwenden. Es ist sehr gut, beides gleichzeitig zu schreiben oder die Hälfte zuerst zu schreiben, um CSS zu schreiben, und dann HTML zu schreiben, oder umgekehrt, die Hälfte zuerst HTML zu schreiben und dann CSS zu schreiben. Auf diese Weise ist es weniger wahrscheinlich, dass Fehler gemacht und vermieden werden Verschwenden Sie Zeit mit Änderungen, nachdem Sie Fehler gemacht haben.

Die obige Aussage ist nicht unbedingt ganz richtig, aber ich möchte den Entwicklern der DIV+CSS-Produktion mitteilen, dass es keine Rolle spielt, ob Sie zuerst HTML oder CSS schreiben. Was zählt, ist Ihre Liebe zu div+css . In der täglichen
Übung
können Sie auch gleichzeitig HTML/CSS ausführen. Es hängt alles von Ihren Gewohnheiten ab. Aber wenn Sie mehr entwickeln und produzieren, werden Sie natürlich eine Methode finden, die zu Ihnen passt und sich schnell weiterentwickelt. Ich hoffe, das oben Genannte ist hilfreich für Sie.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So legen Sie die Textschriftfarbe von CSS fest

Im HTML-Webseitenlayout sind div und span sind verwandt Was ist der Unterschied

So legen Sie den Schriftarttext in CSS fest

Das obige ist der detaillierte Inhalt vonSollten Sie beim Entwerfen einer Webseite zuerst HTML oder CSS schreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!