Was würden Sie Anfängern empfehlen, um mit CSS anzufangen?

Question

Wie kann ich als Webdesigner, der schon Websites mit Tabellen, aber noch nie mit CSS gestaltet hat, als Anfänger mit CSS anfangen?

---

Verwandte SO-Posten

SO - Css Buch & Website für CSS

SO - Css-Blog

Answer 1

Lesen Sie zunächst die Website mit dem Tutorial. Auf diese Weise wird er sehen, wie man einfache CSS erstellen und sehen die Vorteile.

• http://www.w3schools.com/css/
• http://www.echoecho.com/css.htm
• http://www.csstutorial.net/
• http://www.w3.org/Style/Examples/011/firstcss
• http://www.westciv.com/style_master/academy/css_tutorial/

Dann schlage ich vor, da er weiß, wie man eine Website entwirft, dass er sich die Quellen anderer Websites ansieht und deren CSS-Dateien betrachtet. Zen-Garten ist ein guter Anfang.

Wenn er mehr Informationen benötigt, kann er sich jederzeit ein Buch besorgen (ich glaube nicht, dass das notwendig ist, aber wenn er ein Buch möchte). Kern-Css .

Answer 2

Besorgen Sie sich auf jeden Fall das Firebug-Plugin für Firefox. Rufen Sie eine Website auf, die Ihnen gefällt, und sehen Sie sich das CSS dafür an. Schalten Sie einige aus und ein, ändern Sie Dinge, bekommen Sie einfach ein Gefühl dafür, wie alles zusammenkommt. Ein großartiges Lernwerkzeug.

Answer 3

Lesen Sie CSS: The Definitive Guide, Dritte Auflage von Eric A. Meyer. Es ist eines der besten technischen Bücher, die ich je gelesen habe.

Answer 4

Ich empfehle CSS überwinden: Die hohe Kunst des Web-Designs von Andy Clarke. Dabei geht es weniger um die technischen Aspekte von CSS als vielmehr um die Umstellung der Denkweise, die erforderlich ist, wenn man vom tabellenbasierten Design zur Trennung von Inhalt und Design übergeht.

Als ich anfing, CSS zu lernen, habe ich mich bei der Programmierung ziemlich genau so wiedergefunden. Anstelle von Tabellen und tds, war ich mit divs und spans. Ich arbeitete immer noch von außen (Design) nach innen (zum Inhalt hin) und entwarf mein Markup und meine Inhalte um das Aussehen der Seite herum, indem ich sie in das Design einband. Transcending CSS wird in den Prozess des Gehens von innen (Inhalt und Markup) nach außen (Design) verlassen das Aussehen der Website flexibel.

Technische Informationen sind leicht zu finden. Ich neige dazu, W3Schools zu besuchen.

Answer 5

Zu all den anderen Vorschlägen möchte ich hinzufügen Smashing Magazin der Liste der CSS-Artikel.