Web-Frontend-Lernroute: So lernen Sie DIV+CSS von Grund auf

CSS ist der Stil, DIV ist die Ebene, DIV+CSS ist der Website-Standard (Webstandard), der normalerweise den Unterschied zur Tabellenpositionierungsmethode in der HTML-Webdesignsprache verdeutlicht. Es wird nicht mehr die Tabellenpositionierungstechnologie verwendet, sondern DIV + CSS verwendet, um verschiedene Positionierungen zu erreichen. Viele Studenten, die sich mit der Website-Entwicklung befassen, beginnen mit dem Web-Frontend. Wie lernt man also DIV+CSS von Grund auf?

1. Lernen Sie die HTML-Sprache und lernen Sie dann mühelos DIV+CSS.

Wenn Sie die HTML-Syntax verstehen, können Sie 80 % der Websites auf der Welt durchschauen. Die HTML-Sprache ist leicht zu erlernen und Sie müssen sich einige häufig verwendete Codes merken. Aufgrund von Tools wie Dreamweaver, die beim Generieren von HTML-Code helfen, ignorieren viele Menschen das Erlernen der grundlegendsten Sprache im Internet, HTML DIV+CSS, Sie werden feststellen: Es stellt sich heraus, dass DIV+CSS einfach so ist, ein Kinderspiel.

Empfohlenes Tutorial:

HTML-Online-Lernhandbuch: http://www.php.cn/course/27.html

HTML-Online-Lernen Video-Tutorial: http://www.php.cn/course/list/11.html

php.cn Original-HTML5-Video-Tutorial: http://www.php .cn/course/372.html

2. Verwenden Sie den Codemodus von Dreamweaver, um DIV und CSS zu schreiben.

Für Anfänger im Webdesign ist es schwierig, Code direkt mit Tools wie Notepad und Notepad zu schreiben. Da der Codemodus von Dreamweaver über eine Eingabeaufforderungsfunktion verfügt, kann die Korrektheit der geschriebenen Syntax sichergestellt werden. Und Sie können unbekannte Grammatik sofort richtig schreiben.

Wie in der Abbildung gezeigt: Die von DW bereitgestellten Funktionen beim Schreiben von p und HTML.

Die visuelle CSS-Bearbeitungsfunktion auf der rechten Seite der DW-Symbolleiste beim Schreiben von CSS.

Wenn ich bin DIV+CSS lernen Ich habe es aus dem Codemodell von Dreamweaver gelernt. Es ist vielleicht nicht das Beste, aber es ist sehr praktisch. (Dreamweaver-Tool-Download)

Empfohlenes Tutorial:

CSS-Online-Lernhandbuch: http://www.php.cn/course/45.html

CSS-Online-Lernvideo-Tutorial: http://www.php.cn/course/list/12.html

php.cn Dugu Jiujian ( 2 ) - CSS-Video-Tutorial: http://www.php.cn/course/373.html

3. Entwickeln Sie gute Schreibgewohnheiten.

Gute Lebensgewohnheiten bedeuten, dass die Person gut leben kann, und gute CSS-Schreibgewohnheiten bedeuten, dass die Person die Dinge gewissenhaft erledigt. Beim Schreiben von CSS gibt es im Internet viele empfohlene Spezifikationen, z. B. Menü für Menü, Copyright (CoryRight) für Copyright, Fußzeile für unten usw. Die Schreibreihenfolge lautet im Allgemeinen: Anzeigeattribut-Selbstattribut-Textattribut. Natürlich gibt es dafür keine festen Regeln, aber es ist nicht schlecht, einige ungeschriebene Regeln zu befolgen. Dadurch wird der Code, den Sie schreiben, für andere leichter verständlich, und Suchmaschinen werden ihn mehr mögen.

4. Nur wenn der Zweck klar ist und die Ergebnisse klar sind, kann der Prozess am effizientesten sein und wird nicht so leicht gestört oder in die Richtung geändert.

CSS+DIV-Übung: Video-Tutorial zur Entwicklung eines persönlichen Blogs: http://www.php.cn/course/190.html

Empfohlene verwandte Artikel:

Web-Front-End-Lernroute: Schnelle Einführung in die WEB-Front-End-Entwicklung

Was müssen Sie tun? lernen, ein exzellenter Front-End-Ingenieur zu werden?