Top 5 Seiten zum Erlernen von CSS Online

Werbung

Werbung
Werbung

Webdesign ist vielleicht nicht der zugänglichste Bereich für alle, aber CSS und HTML können sehr nützlich sein, und dies sind zwei Teile der Programmierung, die wirklich einfach sind. Ich meine, um die Farbe Ihrer Schriftart zu ändern, müssen Sie nur eingeben: "Farbe: rot", wird es einfacher als das?

Nun, es wird schwieriger, aber es lohnt sich, einen Blick darauf zu werfen, da Sie mit einem kleinen bisschen CSS-Wissen alles von Ihrem Blog bis zu Ihren Google Docs-Dokumenten anpassen können. Werfen wir einen Blick darauf, wo Sie CSS kostenlos online lernen und CSS-Tutorials für Anfänger bekommen.

W3Schulen

W3Schools ist eine großartige Seite. Sie haben viele Tutorials von HTML bis PHP und Sie können sicher sein, dass alles, was Sie lesen, den Standards entspricht, da die Website vom W3C verwaltet wird, das für die Webstandards von heute verantwortlich ist.

Die CSS-Lektionen sind ziemlich detailliert und führen Sie durch die meisten Dinge, die Sie wissen müssen, aber da dies eher eine technische Seite ist, werden Sie weniger Beispiele sehen als anderswo und die Beispiele, die sie haben, sind ein wenig eingeschränkt.

Wenn Sie bereits einige CSS kennen, ist dies eine gute Referenzquelle.

Tizag

Ich stoße sehr oft auf diese Website, wenn ich nach Dingen suche, und ich habe mir ihre CSS-Tutorials angeschaut, die ich etwas besser strukturiert fand als die von W3School. Die grundlegenden Informationen sind die gleichen, aber wenn Sie ein absoluter Anfänger sind, möchten Sie vielleicht hier beginnen.

Tizag in meinen Augen ist ein bisschen weniger formell. Es scheint mir, dass ihre Beispiele näher am wirklichen Leben sind und der Ton freundlicher ist. Es gibt auch hilfreiche Tutorials zu vielen anderen Sprachen wie HTML und MySQL. Wenn Ihnen also das CSS-Bit gefallen hat, können Sie für die gleiche Qualität in anderen Sprachen bleiben.

CSS Zen Garten

Diese Site unterscheidet sich sehr von den Tutorial-Sites, die ich zuvor erwähnt habe. Auf CSS Zen Garden können Sie Ihr Wissen auf den Prüfstand stellen oder aus dem Code anderer lernen. Die ganze Idee ist, dass es eine statische und unveränderbare HTML-Datei gibt, und Sie müssen ein separates Aussehen für sie nur mit CSS erstellen.

Sie können Ihre Arbeit hochladen und sie wird präsentiert, und Sie können die Dateien anderer herunterladen, um zu sehen, wie sie dies und das getan haben. Das ist wirklich nützlich, weil ich selbst viel mehr durch Beispiele gelernt habe als durch das Lernen. Das gleiche gilt für WordPress-Vorlagen - wenn Sie möchten, laden Sie es herunter und werfen Sie einen Blick in style.css, um zu sehen, wie die Dinge gemacht werden.

CSS-Wiedergabe

CSS Play ist eine Website zwischen Zen Garden und den Tutorial-Sites, da es spezifische Funktionalitäten in CSS zeigt und Ihnen ermöglicht, den Quellcode einzusehen.

Anstatt eine ganze Seite oder eine ganze Site zu haben, können Sie sich Beispiele für Flyout-Menüs, Opazitätsbeispiele, IE-spezifische Problemumgehungen usw. ansehen.

Wenn Sie eine bestimmte Funktionalität benötigen und wissen wollen, könnte diese Website der beste Ausgangspunkt sein. Es hat einen fairen Anteil von Anzeigen, die ein wenig störend sein können, aber die Informationen dort sind solide, und oft wird der Code oder zumindest die Methode sehr gründlich erklärt.

Google

Das ist richtig, die einfache alte Google-Suche kann ein großartiger Begleiter sein, um CSS online zu lernen und CSS-Tutorials für Anfänger zu finden. Abgesehen davon, dass Sie in der Lage sind, Dinge zu recherchieren, die Sie brauchen, können Sie sich auch anschauen, wie spezifische CSS-Eigenschaften funktionieren. Weiß nicht, welche Werte "Überlauf" haben kann? Geben Sie einfach "css overflow" oder "css overflow property" ein und das erste Ergebnis wird Ihnen sagen, was Sie wissen müssen.

Das Gleiche gilt für alle Programmiersprachen, ich benutze dies auch für PHP und MySQL, und ich glaube nicht, dass das erste Ergebnis mich jemals enttäuscht hat.

So, da sind Sie, keine Ausreden mehr, es ist Zeit, etwas CSS zu lernen! Sie können Ihre eigenen Google Docs-Vorlagen hinzufügen, Ihre WordPress-Vorlagen ändern und so viel mehr tun, glücklich CSS-ing!

In this article