7 nützliche Ressourcen für diejenigen, die CSS lernen

2024 Autor: Malcolm Clapton | [email protected]. Zuletzt bearbeitet: 2023-12-17 03:51

Cascading Stylesheets machen langweiliges HTML attraktiv. Lifehacker hat russisch- und englischsprachige Websites sowie Web-Enzyklopädien ausgewählt, die Ihnen helfen, CSS besser zu verstehen.

Das World Wide Web Consortium (W3C) hat 1996 die CSS-Technologie (Cascading Style Sheets) empfohlen. Seitdem verwenden Webentwickler Cascading Style Sheets, um einzigartige Site-Designs zu erstellen.

Vor zwanzig Jahren spielten Entwickler mit Schriftoptionen, Textattributen und Seitenelementfarben. Heutzutage sind Animationen, Schatten, Farbverläufe, Anti-Aliasing und viele andere fortschrittliche Dinge in Arbeit.

Installieren Sie eine Chrome-Erweiterung oder ein Firefox-Add-on, um Ihre Lieblingsseiten ohne kaskadierende Stylesheets zu bewundern.

Die Veränderungen werden dramatisch sein, wenn auch nicht immer. Zum Beispiel wird sich ein Nachrichtenaggregator kaum ändern: Es ist so einfach wie zwei und zwei. Trotzdem wird die Ressource monatlich über 150 Millionen Mal aufgerufen.

Wo Sie die Feinheiten von CSS lernen können

1. HTML-Buch

Lassen Sie uns konsequent sein und mit einer soliden theoretischen Grundlage beginnen. Dafür wenden wir uns an Vlad Merzhevich, Buchautor und Webentwickler, der mehrere hochwertige Ressourcen zum Layout und Styling von Webseiten unterhält.

Hier finden Sie ein selbsterklärendes Tutorial und Antworten auf häufig gestellte Fragen zu Cascading Style Sheets. Es gibt auch Tutorial-Artikel zur aktuellen dritten CSS-Spezifikation.

2. WebReferenz

bietet einen alphabetischen Verweis auf CSS. Jede Eigenschaft hat eine kurze Beschreibung, Syntax und ein Live-Beispiel. Zögern Sie nicht, Fragen zu stellen – die Autoren des Projekts melden sich und besprechen gerne die Details.

3. CSS-Referenz

Neben russischsprachigen Tutorials werden wir ausländische Websites hinzufügen. Mit ihrer Hilfe fällt es manchen Studierenden leichter, in den Beruf einzutauchen und seine Terminologie zu akzeptieren. Daher ist die ganze Aufmerksamkeit auf sich gerichtet. Auf der Seite gibt es nichts Überflüssiges: CSS-Eigenschaften, Erklärungen und Aktionen. Von den angenehmen Kleinigkeiten fällt ein schnelles Suchen und Kopieren einer Immobilie per Mausklick in die Zwischenablage auf.

4. CSS-Designpreise

Bildung ist ein langwieriges und manchmal langweiliges Geschäft. Es wäre schön, in schwierigen Zeiten Motivation zu finden, um zu helfen. Wir werden uns von anderen Webdesignern oder besser auf der Seite inspirieren lassen. Hier wird täglich ein Qualitätsprojekt vorgestellt, das als Vorbild für das Erstrebenswerte dient. Viele der Gewinner sind wirklich überraschend. Vergessen Sie nicht, vorbeizuschauen und für Ihre Lieblingskandidaten abzustimmen.

5. CSS Zen-Garten

Mit gesichertem Wissen und einem Leuchtturm ist es an der Zeit, Ihre Stärke im Geschäft zu testen. Und um sich lange nicht für den Weg zu entscheiden, leiten wir Sie auf die Seite weiter. Es enthält eine unveränderliche HTML-Datei, die Benutzer aus der ganzen Welt versuchen, mithilfe von Cascading Style Sheets ein außergewöhnliches Design zu geben.

Laden Sie das Referenz-HTML, fügen Sie Ihr Styling hinzu und senden Sie alles zurück. Vielleicht ist Ihr Ansatz der beste. Übrigens können Sie die Version einer anderen Person herunterladen und sehen, wie sie implementiert wird.

6. CSSPlay

Es ist klar, dass Sie etwas anwenden möchten, das die Aufmerksamkeit aller auf sich zieht. Wir wissen nicht, ob es so etwas gibt, aber Dutzende und Hunderte von kuriosen Tricks waren mit Sicherheit dabei.

7. CSS-Lint

Warum brauchen wir die eines anderen, wenn unsere eigenen Hände gerade wachsen? Zeigt es wirklich. Neben der grundlegenden CSS-Syntaxprüfung prüft der Webdienst die Einhaltung von Regeln, die sich auf die Seitenladegeschwindigkeit auswirken. Die Ausgabe ist schönes, browserfreundliches CSS.