Lerne CSS in 60 Minuten // CSS Tutorial Deutsch für Anfänger

CSS Tutorial Deutsch für Anfänger. Lerne CSS in 60 Minuten. Einfach mal CSS lernen. In diesem Tutorial geht es um die CSS Grundlagen. Was ist CSS? Wie kannst du es am besten verwenden? Welche CSS Eigenschaften gibt es? Wie kannst du dir deine erste eigene Webseite mit CSS layouten? Wir werden uns alles in Ruhe anschauen. Du brauchst dafür absolut keine Vorkenntnisse.

⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Einleitung
00:45 Was ist CSS
05:03 Verwendung von CSS
09:57 CSS Kaskaden Effekt
14:55 Schriftformatierung
19:05 Textformatierung
24:18 Links
26:52 Grafiken
30:33 Größe, Abstände, Ränder
34:12 Positionierung
37:54 Erste eigene Webseite layouten
53:34 Wie gehts weiter?

⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Einfach mal HTML lernen

Der BESTE Editor für Web Entwickler (Gratis)

📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit über 15 Jahren als Webentwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.

Starte Jetzt!

#CSS #ProgrammierenM

[andrewcaptains]

Ganz großes Lob! Hab mir jetzt dein html-Tutorial und das Video hier angeguckt und hast mir damit weitergeholfen. Hab meinen ersten WebTech-Programmierkurs in der Uni belegt und da sind diese Videos genau das richtige <33

[Defzan]

Bin angehender webentwickler und deine videos sind super einfach doch sachlich erklärt 👌🏻

[cbu]

Das beste CSS-Tutorial, das ich gesehen habe! Danke.

[bachleda]

Sie erklären es sehr gut. Das kann nicht jeder. Weiter so!

[serdaraltuntas]

Schön, dass du neben Webnoob auch einen Kanal auch Deutsch hast. Find ich echt gut!

[alfredrudolph]

Hallo Mario, ich habe mich schon gewundert wo dein Kaffee bleibt ;-) Super Viedeo. 👍

[sergemiyo]

Servus Mario, ich es hervorragend was du machst.

[inkelariekert]

Vielen Dank für das Tutorial. Sehr gut gemacht. 👍

[Johann.Liebert]

Danke sehr gutes Video! Es hat mir sehr gut geholfen

[solotunic]

Perfekt klappt alles zu 100% bin erst 40min von 54 min. Muss morgen äh heute arbeiten gehen ist schon 0.27 Uhr

[chrism.]

gleich abonniert, vielen dank, toll gemacht.

[DrHarry]

Hi Mario, ich finde wirklich das du es richtig gut erklärst und sehr verständlich. Bei anderen bekommt man meistens nichts mit weil die viel zu schnell reden und zu kompliziert. Du erklärst es sehr ruhig und einfach + die Art der Präsentation ist total Klasse, Danke dafür! Ich möchte das Programmieren schnellstmöglich lernen( Front-End ) damit ich mich auf einen Job bewerben kann. Wie baue ich mir ein Portfolio auf, kannst du mir helfen welche Schritte ich gehen muss bis zum 1 . job? 🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻!

[zunderkopf]

danke, toll erklärt - mein abo hast du !

[captainfalcon]

39:31 : Muss ich mit dem Punkt arbeiten? Kann ich in der css nicht einfach page-teaser verwenden?
Macht es einen unterschied? Ich habe durch das Video vermeintlich gelernt, das man mit dem "." Explizit nur diese eine genannte klasse anspricht auch wenn sie innerhalb eines <p> definiert ist. Aber da bin ich jetzt grad stutzig wieso, weshalb oder warum. Oder werden einfach alle IDs so angesprochen?

[ferdinandlichte]

Hallo mario ich schaue mir gerade dein Tutorail an. Zunächst mal grosses Lob dafür! ich werde mir auch die anderen Videos anschauen! Aber ein Frage zu deinen Erklärungen.
Wenn ich dich richtig verstehe brauche ich doch aber in der verlinkten css Datei nicht unbedingt eine Anweisung wie p { Anweisungen} sondern egleich nur mit Klassen wie bei deinem Beispiel .speziell arbeit. So spart man doch letztlich min. eine Cascade!? Danke für deinen Antwort Gruss Ferdinand

[derdonderehre]

Ich habe bei " background-imgae:url" den Pfad von meinem Bild angegeben, aber dennoch erscheint es nicht. Weiß einer vielleicht woran das liegen könnte?

[igorbonicib]

ein video zu angular add to cart. e commercer bitte bitte das wäre toll.

[sergemiyo]

ich habe nicht so gut verstanden in der index.html-datei die benutzung von <article> </article> und <session></session>

[rapier]

Hi Mario, ich eine Frage zum Webdesign. Wenn Du deine Projekte umsetzst, erstellst du das Design der Website selbst oder arbeitest du mit einem Webdesigner zusammen? Mein 'Problem' ist, dass man eine ansprechende Webdesignvorlage für entsprechende Webprojekte haben sollte, damit man dann mit HTML, CSS & Co. dies auch ansprechend umsetzen kann.

Ist so als ob man ein technisch und qualitativ gutes Auto baut, aber die Form potthässlich ist. Dann wird es zum Ladenhüter... ☹️ Hättest du dazu einige Tipps? Danke und Gruss, Peter

[ferdinandlichte]

Halo Mario du machst das für einen Überblick wirklich gut und man merkt dir deine absolute Routine und Wissen an. Toll!!! Allerdings fehlt mir als Anfänger doch ein bisschen Hinweise wann nehme ich z. B. einen Header um ein Bild einzubinden oder wann warum verwende ich z. B. main. Hast du evtl. Hinweise oder Empfehlungen für ein Nachschlagewerk für einzelene Elemente. Oder auch Erklärungen wann benutze ich cleverer weise style sheets oder wann nehme ich die Anweisungen direkt in das HTML Dokument und was ist der Unterschied zwischen der Anweisung id= oder Class=
Vielen Dank schonmal im Vorraus für deine Antworten (Natürlich nur wenn du Lust und Zeit hast) Grüsse auch an die Mitlesenden