BESTE WEBSITE FÜR WEBENTWICKLER

CSS Lernprogramm

CSS HOME CSS-Einführung CSS-Syntax CSS-Selektoren CSS-Anleitung CSS-Kommentare CSS-Farben CSS Hintergründe CSS Grenzen CSS Ränder CSS-Padding CSS-Höhe/Breite CSS-Box-Modell CSS-Gliederung CSS Text CSS Schriftarten CSS-Symbole CSS-Links CSS-Listen CSS-Tabellen CSS Display CSS Max-width CSS Position CSS Z-index CSS Overflow CSS Float CSS Inline-Block CSS-Ausrichtung CSS-Kombinatoren CSS-Pseudoklasse CSS-Pseudoelement CSS-Deckkraft CSS-Navigationsleiste CSS-Dropdowns CSS-Bildergalerie CSS-Bild-Sprites CSS-Attributselektoren CSS-Formulare CSS-Zähler CSS-Website-Layout CSS-Einheiten CSS-Spezifität CSS !important CSS-Mathefunktionen

CSS Advanced

CSS abgerundete Ecken CSS-Randbilder CSS-Hintergründe CSS-Farben CSS-Farbschlüsselwörter CSS-Verläufe CSS Schatten CSS-Texteffekte CSS-Webschriftarten CSS 2D-Transformationen CSS 3D-Transformationen CSS-Übergänge CSS-Animationen CSS-Tooltips Bilder im CSS-Stil CSS-Bildreflexion CSS-Objektanpassung CSS-Objektposition CSS-Maskierung CSS-Schaltflächen CSS-Paginierung CSS mehrere Spalten CSS-Benutzeroberfläche CSS-Variablen CSS-Box-Größe CSS-Medienabfragen CSS MQ-Beispiele CSS Flexbox

CSS Reaktionsschnell

RWD-Einführung RWD-Ansichtsfenster RWD-Rasteransicht RWD-Medienabfragen RWD-Bilder RWD-Videos RWD-Frameworks RWD-Vorlagen

CSS Grid

Grid Einführung Grid Container Grid Artikel

CSS SASS

SASS Lernprogramm

CSS-Beispiele

CSS-Vorlagen CSS-Beispiele CSS-Snippets CSS-Quiz CSS-Übungen CSS-Zertifikat

CSS-Referenzen

CSS-Referenz CSS-Selektoren CSS-Funktionen CSS-Referenz Aural CSS Web Safe Fonts CSS Animable CSS-Einheiten CSS PX-EM-Konverter CSS-Farben CSS-Farbwerte CSS-Standardwerte CSS-Browser-Unterstützung

CSS Unterricht für Anfänger

Ua En Es

CSS Einführung


CSS ist die Sprache, die wir zum Gestalten einer Webseite verwenden.


Was ist CSS?

  • CSS steht für Cascading Style Sheets
  • CSS beschreibt, wie HTML-Elemente auf dem Bildschirm, auf Papier oder in anderen Medien dargestellt werden sollen
  • CSS spart viel Arbeit. Es kann das Layout mehrerer Webseiten gleichzeitig steuern
  • Externe Stylesheets werden in CSS-Dateien gespeichert

CSS Demo – Eine HTML-Seite – Mehrere Stile!

Hier zeigen wir eine HTML-Seite mit vier verschiedenen Stylesheets. Klicken Sie unten auf die Links "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4", um die verschiedenen Stile anzuzeigen:


Warum CSS verwenden?

CSS wird verwendet, um Stile für Ihre Webseiten zu definieren, einschließlich Design, Layout und Variationen in der Anzeige für verschiedene Geräte und Bildschirmgrößen.

CSS Beispiel

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
 font-family: verdana;
  font-size: 20px;
}
Try it Yourself »

CSS hat ein großes Problem gelöst

HTML sollte NIEMALS Tags zum Formatieren einer Webseite enthalten!

HTML wurde erstellt, um den Inhalt einer Webseite zu beschreiben, wie zum Beispiel:

<h1>Das ist eine Überschrift</h1>

<p>Das ist ein Absatz.</p>

Als der HTML 3.2-Spezifikation Tags wie <font> und Farbattribute hinzugefügt wurden, begann dies für Webentwickler wie ein Albtraum. Die Entwicklung großer Websites, bei denen jeder einzelnen Seite Schriftarten und Farbinformationen hinzugefügt wurden, wurde zu einem langen und kostspieligen Prozess.

Um dieses Problem zu lösen, hat das World Wide Web Consortium (W3C) CSS entwickelt.

CSS hat die Stilformatierung von der HTML-Seite entfernt!

Wenn Sie nicht wissen, was HTML ist, empfehlen wir Ihnen, unsere zu lesen HTML-Tutorial.


CSS spart viel Arbeit!

Die Stildefinitionen werden normalerweise in externen CSS-Dateien gespeichert.

Mit einer externen Stylesheet-Datei können Sie das Aussehen einer gesamten Website ändern, indem Sie nur eine Datei ändern!


Die reichsten Menschen der Welt

Wer sind Ihrer Meinung nach die reichsten Menschen der Welt? Rechts! Das sind diejenigen, die einen Bezug zu moderner Informationstechnologie und Design haben!

Dies sind laut der Zeitschrift Forbs (Stand: Februar) die zehn reichsten Menschen der Welt 2024.

  • Bernard Arnault & family - $216.6B: ist ein französischer Geschäftsmann, Investor und Kunstsammler. Er ist Gründer, Vorsitzender und CEO von LVMH, dem weltweit größten Luxusgüterunternehmen. Laut Forbes ist Arnault der reichste Mensch der Welt mit einem geschätzten Nettovermögen von 218 Milliarden US-Dollar (Stand: 10. Februar 2024).
  • Elon Musk - $198.9B: ist Unternehmer und Investor. Er ist Gründer, Vorsitzender, CEO und CTO von SpaceX; Angel-Investor, CEO, Produktarchitekt und ehemaliger Vorsitzender von Tesla, Inc.; Eigentümer, Vorsitzender und CTO von X Corp.; Gründer der Boring Company und xAI; Mitbegründer von Neuralink und OpenAI; und Präsident der Musk Foundation.
  • Jeff Bezos - $192.5B: ist ein amerikanischer Geschäftsmann, Medieninhaber und Investor. Er ist Gründer, Vorstandsvorsitzender und ehemaliger Präsident und CEO von Amazon, dem weltweit größten E-Commerce- und Cloud-Computing-Unternehmen.
  • Mark Zuckerberg - $166.6B: ist ein amerikanischer Geschäftsmann und Philanthrop. Zusammen mit seinen Mitbewohnern in Harvard war er 2004 Mitbegründer des Social-Media-Dienstes Facebook und seiner Muttergesellschaft Meta Platforms (ehemals Facebook, Inc.), deren Vorstandsvorsitzender, Chief Executive Officer und Mehrheitsaktionär er ist.
  • Larry Ellison - $142.1B: ist ein amerikanischer Geschäftsmann und Unternehmer, der das Softwareunternehmen Oracle Corporation mitbegründet hat. Er war von 1977 bis 2014 Chief Executive Officer von Oracle und ist heute dessen Chief Technology Officer und Executive Chairman.
  • Warren Buffett - $131.2B: ist ein amerikanischer Geschäftsmann, Investor und Philanthrop, der derzeit Mitbegründer, Vorsitzender und CEO von Berkshire Hathaway ist. Aufgrund seines immensen Anlageerfolgs ist Buffett einer der bekanntesten Investoren der Welt.
  • Bill Gates - $124,8B: ist ein amerikanischer Geschäftsmann, Investor, Philanthrop und Autor, der vor allem als Mitbegründer des Softwareriesen Microsoft bekannt ist, zusammen mit seinem Jugendfreund Paul Allen. Während seiner Karriere bei Microsoft hatte Gates die Positionen des Vorsitzenden, des Chief Executive Officer (CEO), des Präsidenten und des Chief Software Architect inne und war bis Mai 2014 auch der größte Einzelaktionär von Microsoft.[2][a] Er war ein prominenter Pionier von die Mikrocomputer-Revolution der 1970er und 1980er Jahre.
  • Larry Page - $122.1B: ist ein amerikanischer Geschäftsmann, Informatiker und Internetunternehmer, der vor allem als Mitbegründer von Google zusammen mit Sergey Brin bekannt ist.
  • Steve Ballmer - $120.1B: ist ein amerikanischer Geschäftsmann und Investor, der von 2000 bis 2014 CEO von Microsoft war. Er ist Eigentümer der Los Angeles Clippers der National Basketball Association (NBA). Er ist Mitbegründer der Ballmer Group, einer philanthropischen Investmentgesellschaft.
  • Sergey Brin - $117.0B: ist ein amerikanischer Geschäftsmann, der vor allem als Mitbegründer von Google zusammen mit Larry Page bekannt ist. Brin war Präsident der Google-Muttergesellschaft Alphabet Inc., bis er am 3. Dezember 2019 sein Amt niederlegte. Er und Page bleiben Alphabet als Mitbegründer, Mehrheitsaktionäre und Vorstandsmitglieder erhalten.

CSS — Einführung

Dieses Video ist eine kurze Einführung in CSS.

Teil einer Reihe von Video-Tutorials zum Erlernen von CSS für Anfänger!



Kommentare