CSS KURS in 40 Minuten (Tutorial auf Deutsch)
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- Kostenloses Beratungsgespräch: weiterbildung.developerakadem...
In diesem Tutorial lernst du alles, was du als Anfänger über CSS (Cascading Style Sheets) wissen musst. Du lernst, wie du HTML Elemente stylst, ein Layout erstellst und alle relevanten Grundlagen.
Code: github.com/JunusErgin/css-tut...
Kapitel:
00:00 | Intro
00:42 | Was ist CSS?
02:35 | CSS Syntax
05:18 | CSS Klassen
09:59 | Menuleiten bauen
20:16 | Links darstellen
29:19 | Margin, Padding, Border
34:33 | CSS laden
38:23 | Outro
Partnerunternehmen bieten wir direkten und nachhaltigen Zugang zu unseren hochqualifizierten Absolventen.
Jetzt IT-Talente sichern: talents.developerakademie.com/
Instagram: / junus.ergin (Junus Ergin)
Tiktok: / herr_programmierer (Herr Programmierer)
____ Über diesen Kanal ___
Die Developer Akademie bildet dich zum Programmierer weiter. Auch wenn du noch NIE eine Zeile Code geschrieben hast, ist es möglich in 3 - 6 Monaten einen gut bezahlten Job zu finden. Dafür musst du NICHT nur programmieren mit Online-Tutorials lernen, sondern einen guten LEBENSLAUF mit vielen verschiedenen Projekten vorweisen. In unserem Programm hast du ständigen Kontakt zu unseren Coaches, Hausaufgaben, Abgabefristen und Projekte aus der Praxis für deinen Lebenslauf.
Am Ende erstellen wir mit dir einen perfekten Lebenslauf und unterstützen dich bei deiner Bewerbung.
Informiere dich auf weiterbildung.developerakadem...
Egal zu welchem Thema bzgl. Coden oder Gestalten in den letzten Monaten Hilfe gesucht habe, ich bin immer wieder bei Deinen Tutorials gelandet. Sie sind so gut strukturiert und beinhalten das wesentliche. Beim konzeptionieren der Vidos machst Du Dir sicher viel Arbeit. Und die sachliche und klare Sprache ist dann noch das i-Tüpfelchen obendrauf. Danke.
Ich finde es super, wie du einfach beiläufig jede Frage beantwortest die sich mir zwischendurch stellt! Durch deine/eure Videos lerne ich so viel, vielen Dank und weiter so!
CSS hab ich seit 2006 gezockt, bestes game
Wtf
VIELEN DANK für die sehr ausführliche und gute Erklärung. Deine Videos sind große Klasse! Es ist selten, dass ich bei Programmier-Tutorials auf Anhieb wirklich alles funktionsfähig nachbauen kann, aber bei deinen Videos klappt es. So macht das lernen Spaß!
Deine Videos sind aller feinste Sahne. Sehr gut erklärt und verständlich 👍. Ich habe bereits sehr viel gelernt und umgesetzt. Herzlichen Dank.
Du weckst mein Interesse am lernen immer mehr,echt geile Arbeit!
Absolute Spitze, und man sieht, du bist ein absoluter Profi. Vielen lieben Dank, dass du dieses Video zur Verfügung gestellt hast
Was für ein super Video, genau so etwas möchte ich jetzt erstellen.
Vielen Dank für Deine Arbeit und die extrem kompetente Anleitung.
Hey Junos! Vielen lieben dank für diese Super tutorial, ich habe vorher mit dem html Tutorial angefangen und es macht echt spaß mit dir und deinen videos zu Lernen! :) Mach weiter so
Einfach nur Top , bin Quereinsteiger in die it und muss sagen das ist der absolute Hammer. Freu mich schon aufs üben und die ersten Ergebnisse. Top erklärt.
Echt ein sehr hilfreiches Tutorial. Finde es sehr gut, dass du auch Googeln, also eigene Informationssuche mit einbindest, das ist nämlich eines der wichtigsten Dinge sich selber seine Lösungen zu suchen :)
Vielen Dank für die Anfänger Videos. Habe großes Interesse und Ehrgeiz mich mit dem Thema auseinander zu setzen. Genau das wonach ich gesucht hab. Da können sich viele toturial producer eine Scheibe abschneiden. Weiter so:)))
Hab Dank für deine ganze Mühe. Du trägst den content mit so viel Enthusiasmus vor, dass ich große Lust habe mich in den weiten Welten des Codens zu verlieren. Euer Kanal hat mehr Klicks verdient :)
Freut mich zu hören! Ich danke dir! Das freut uns sehr
Mit deinen Videos macht es echt Spaß HTML zu lernen. Weiter so!
Bestes anfänger-tutorial auf TH-cam !
Vielen Dank
Super, weiter so!!
Mir gefallen die einzelnen Bilder zur Verdeutlichung was du meinst besonders gut!!
Deine Videos sind die besten. Sie helfen mir immer wieder aufs neue danke
Finde deine Tutorials mega praktisch um einzusteigen.
Hallo Junus, ich danke Dir ganz herzlich für das tolle Video, nicht nur dieses sind sehr ansprechend und erklärend gestaltet, sondern auch andere Videos wie HTML/JS in 5 Minuten, da wird jeder Dulli eine Website erschaffen können!😊😂
But still able to explain each stage in a basic manner. Honestly thanks man!
Toll gemacht, freu mich auf die Weiterbildung! :)
super hilfreiches Tutorial vielen Dank für deine Arbeit!
Tolle CSS Kurzeinführung! Vielen Dank dafür.
Wieder ein krasses Video, 1000000 Danke Junus. ❤️❤️❤️
Sehr gutes Tutorial! ich kannte das meiste schon, aber dennoch unterhaltsam und lehrreich^^
Sehr gutes Video, Hab endlich die Grundlagen von css verstanden 😁
Danke für deine Videos! Super und einfach erklärt.
Supper Video danke nochmals an Manschaft, weiter so.
Ich finde es Mega gut wie sie es erklären
Du kannst ihn ruhig duzen.
Wir respektieren ihn alle.
Super gut erklärt! VIELEN DANK!
Klasse, danke Junus!
Sie erklären das perfekt, super Videos!👍👍👍👍👍
Freut mich, danke!
I didn't know this video existed! Thanks bro! Really grateful.
Junus ist einfach großartig.
Klasse erklärt. Hut ab.
Eine Legende für alle die nicht IT studieren aber programmieren wollen und müssen
Du bist der beste Dank für deine hilfreiche Videos
Klasse Tutorial, wie alle anderen. Danke
Du bist der grösste Ehrenmann, dank dir habe ich eine gute Note in Java Programmieren. Freundliche Grüsse
Freut mich zu hören!
Sehr toll Subjekt ... ich brauche dieses Video ... Vielen Dank für dich
Bester Mann, beste Tutorials :)
Gracias, du bist echt eine super Hilfe. 💜
Sehr tolles Tutorial für Anfänger. Persönlich frage ich mich ob ihr ein tutorial machen könnt, wie man Seiten bzw. Elemente in CSS Responsive macht
Richtig gut erklärt 👍👍👍👍
Vielen Dank für diese Videos!
Wow danke für dieses unterhaltene viedeo
Sehr gutes Tutorial!
Vielen Dank, super Video :)
soone who does not get complex instructions like..At all, tNice tutorials was simple and clear for to understand. Thanks dude.
Sehr gutes Video!
Sehr hilfreiches video!
Gefällt mir sehr gut. Ich konnte direkt ein paar Dinge umsetzen, auf die ich dann selbst gekommen bin. Der Anstoß hat mich wirklich weit gebracht. Danke!👍👍👍
sehr hilfreich ,vielen dank
Super Video danke
starkes video
Hi Junus, ich freue mich immer wieder neue Videos von dir zu sehen. Was hälst du von React Native? Würdest du darüber auch mal ein Video drehen?
auch gut. Vielleicht mach ich mal was dazu
Sehr Cooles Video
Gut erklärt Yunus 👏
Freut mich 👍
Wie immer sehr gut erklärt und ich habe richtig spaß beim html coden! Meine Frau fragt schon, warum schaust du immer diesen Typ? hahaha
Haha
sehr Nice
Sehr geiles viedeo
vielen dank
Hahaha ich habe dich beim letzten Video drüber gefragt und heute auf einmal ein geiles Video 😅
extra für dich :-)
Richtig gutes Video, vielen Dank. Ich würde nur anmerken, dass Margin kein Abstand zwischen Elementen ist, sondern eher wie Padding nach außen ist. Gap wäre ja der Abstand zwischen Elementen, aber Margin fungiert mehr als Sicherheitsabstand zum nächsten Element, bzw dessen Margin :)
gut erklärt. ich hab mich nie für css interessiert ... aber das zeig, wie einfach es doch ist
Danke!
Absolute W video. I had a lot of money softowing in in a good ti of my life where I would spend it on dumb stuff. But one of the few good
Super
thank you so so so muchhhhhhh
Sehr cleverer Kanalname übrigens. :)
Vielen Dank! ;-)
Hallo ich habe gerade ein kleines Problem, da ich von Windows auf Mac gewechselt habe und eine Stylsheet-Datei anlegen wollte kommt immer die Endung rtf also : style.css.rtf was muss ich tun? Kannst du mir ev. helfen?
Besten Dank!
Frage, der DIV Container geht ja meist von ganz Links nach ganz rechts. Zumindest bei mir. Wie kann ich diesen verkleinern? also die abstände von links und rechts ? Sodass nicht die ganze "Zeile" der Container ist. sondern ein kleiner Button wie bei dir mit "jetzt einloggen" entsteht?
Ich frage mich bei den Klassen, ob selbiges auch für Bilder anwendbar ist? Also verschiedenen Bildern, verschiedene Eigenschaften zuzuweisen. Ansonsten verpasse ich mit "img {}" ja allen Bildern die selbe Größe etc.
obsessed with soft design now and more obsessed with cool scales Nd stuff.
Ich habe eine Frage da ich gerade am verzweifeln bin da ich versuche mit CSS einen "querySelectorAll" zu nutzen das Problem was ich habe ist, ich will die tags ansprechen in denn ich mich gerade befinde aber nicht Rekursive, also das er die Child Elemente nicht mit einbezieht, das Problem ist nur das "querySelectorAll" auch die Child Elemente in die Selection einschließt was ich nicht will, z.B. '', wie in diesen Beispiel soll der Selector nur 1 und 3 Selektieren (id attribute sind nur zur Veranschaulichung) aber ich finde nichts darüber, bitte hast du eine Lösung.
P.S.
Versuche es mit Java und jsoup und einer HTML-Datei
Thank you very much
Wie kann man nach jeder änderung die Seite automatisch aktualisieren lassen? Finde das ziemlich entspannter als jedesmal so zu refreshen
danke danke
Wie starte ich eine Textanimation(@keyframes...) mit einem Button (z.B. onclick())?
wie benutzt kann man css verwenden wenn man beispiel ein css script für youtube machen will?
Ich hätte eine frage, nämlich ob man eigentlich diese Gänsefüßchen nicht einfach weglassen kann da bei mir der Code dann immer noch funktioniert. Außerdem finde ich deine Videos sehr hilfreich und exzellent erklärt. Weiter so!
Ich habe alles so gemacht wie du im Video, aber bei mir wird die Klasse "header" im css-Teil nicht erkannt. Ich muss immer ein . davorsetzen und selbst dann passiert nichts. Kann mir jemand helfen?
kurze frage ist das nur bei mir so oder wird er nach knapp 2 einhalb minuten einfach immer leiser ?
Super Video, nur eine Frage: welches Programm nutzt du um deine Codes zu schreiben?
vs code
@@Programmierenlernen Vielen Dank!
Hey habe eine Frage kannst du ein vid machen wo ich mein Google Passwort herausfinden kann ohne meine Sim?
Gut erklärt, allerdings ist mir nicht ganz klar, wann man einen container benutzen sollte und wann einen Container?
Relativ egal, ist im Grunde nichts anderes als , einige benutzen es halt nur um den Code leserlich zu machen bzw um Struktur im Code zu haben, auch für Suchmaschinen damit erkannt wird wo der Header Bereich ist
@@MarcoVeLi Danke!
niceee
Danke für das Video, ich habe was gelernt. Bei 5:16 hat sich ein kleiner Fehler eingeschlichen: Du sagst, wenn keine Schrift gefunden wird, dann soll eine Serifenschrift verwendet werden. Mit "Sans Serif" ist das aber falsch, denn Sans Serif ist eine Schrift >ohne< Serifen ;-)
Hey ich hätte mal eine Frage.
Und zwar habe ich das Problem das bei mir Grafische Elemente nicht angezeigt werden also nicht nur bei denn CSS Befehlen sondern auch schon so was wie ne Überschrift oder nenn Text wird nicht Angezeigt wenn mir da jemand aus dem Kommentaren oder du Junus einen Rat für mich hätten wehre das echt Super und würde mir einige Nerven reißende Momente ersparen
Danke im voraus
LG: Gory-stone
Man kann die font-size auch ohne px schreiben.
Gilt das als schludriges programmieren oder ist das in Ordnung?
Kurz Nein, Lang: Eigenschaften wie font-size und andere immer eine Einheit z.B. px, rem, vw angeben.
7:04 wie hast du das gemacht dass es dir immer grad den Hilfetext aanzeigt? Super Video.
nice
danke dir ich habe dadurch so viel neues gelernt, aber ich verstehe nicht wie du die kasten bei 2:21 gemacht hast
Omg ich möchte so gerne Programmierer Ausbildung starten, doch nach dieses Video überlege ich mir das nochmal.. so viele Codes 😅 irgendwie interessiert mich das, aber einerseits macht es mir auch Angst 🤯
Nah mach es einfach, das ist nh übungssache, bin im Coding auch neu, einfach mal machen
Ich kann das nicht in VSCode machen. Ich kann das aus irgendeinem Grund nur in dem Windows Texteditor machen. Wenn ich HTML oder CSS Code oder irgendwas anderes darin schreibe und es im Internet ausführen möchte dann wird mir nichts angezeigt. 😢😢😢
ist nicht external css einfacher?
Wie kann man Hyperlinks nach oben und nach unten verschieben ?
Kommt auch was zu responsing css
25:34 bei mir erscheint da nix
Edit: dank dir hab ich so viel gelernt und hab das Problem gelöst direkt und da drauf kommt das meiste auch an also Probleme lösen danke
Hallo
Wie kann ich den Code herunterladen?😊