CSS KURS in 40 Minuten (Tutorial auf Deutsch)
Вставка
- Опубліковано 24 тра 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
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...
CSS hab ich seit 2006 gezockt, bestes game
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.
Deine Videos sind aller feinste Sahne. Sehr gut erklärt und verständlich 👍. Ich habe bereits sehr viel gelernt und umgesetzt. Herzlichen Dank.
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!
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ß!
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!😊😂
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
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
Ich finde es Mega gut wie sie es erklären
Du kannst ihn ruhig duzen.
Wir respektieren ihn alle.
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.
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
But still able to explain each stage in a basic manner. Honestly thanks man!
Super, weiter so!!
Mir gefallen die einzelnen Bilder zur Verdeutlichung was du meinst besonders gut!!
super hilfreiches Tutorial vielen Dank für deine Arbeit!
Deine Videos sind die besten. Sie helfen mir immer wieder aufs neue danke
Sehr gutes Tutorial! ich kannte das meiste schon, aber dennoch unterhaltsam und lehrreich^^
Mit deinen Videos macht es echt Spaß HTML zu lernen. Weiter so!
Bestes anfänger-tutorial auf UA-cam !
Vielen Dank
Wieder ein krasses Video, 1000000 Danke Junus. ❤️❤️❤️
Finde deine Tutorials mega praktisch um einzusteigen.
Tolle CSS Kurzeinführung! Vielen Dank dafür.
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
Toll gemacht, freu mich auf die Weiterbildung! :)
Danke für deine Videos! Super und einfach erklärt.
I didn't know this video existed! Thanks bro! Really grateful.
Sie erklären das perfekt, super Videos!👍👍👍👍👍
Freut mich, danke!
Super gut erklärt! VIELEN DANK!
Sehr gutes Video, Hab endlich die Grundlagen von css verstanden 😁
Sehr toll Subjekt ... ich brauche dieses Video ... Vielen Dank für dich
Vielen Dank für diese Videos!
Eine Legende für alle die nicht IT studieren aber programmieren wollen und müssen
Klasse, danke Junus!
Supper Video danke nochmals an Manschaft, weiter so.
Du bist der beste Dank für deine hilfreiche Videos
Gracias, du bist echt eine super Hilfe. 💜
Du bist der grösste Ehrenmann, dank dir habe ich eine gute Note in Java Programmieren. Freundliche Grüsse
Freut mich zu hören!
Klasse erklärt. Hut ab.
Klasse Tutorial, wie alle anderen. Danke
soone who does not get complex instructions like..At all, tNice tutorials was simple and clear for to understand. Thanks dude.
Bester Mann, beste Tutorials :)
Wow danke für dieses unterhaltene viedeo
Richtig gut erklärt 👍👍👍👍
Vielen Dank, super Video :)
Junus ist einfach großartig.
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 gutes Tutorial!
Sehr gutes Video!
sehr hilfreich ,vielen dank
Sehr hilfreiches video!
Super Video danke
Gut erklärt Yunus 👏
Freut mich 👍
gut erklärt. ich hab mich nie für css interessiert ... aber das zeig, wie einfach es doch ist
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
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
starkes video
Sehr Cooles Video
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 :)
vielen dank
sehr Nice
Danke!
Sehr geiles viedeo
thank you so so so muchhhhhhh
Super
Hahaha ich habe dich beim letzten Video drüber gefragt und heute auf einmal ein geiles Video 😅
extra für dich :-)
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
Thank you very much
obsessed with soft design now and more obsessed with cool scales Nd stuff.
Sehr cleverer Kanalname übrigens. :)
Vielen Dank! ;-)
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!
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?
7:04 wie hast du das gemacht dass es dir immer grad den Hilfetext aanzeigt? Super Video.
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.
danke danke
danke dir ich habe dadurch so viel neues gelernt, aber ich verstehe nicht wie du die kasten bei 2:21 gemacht hast
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!
Wie starte ich eine Textanimation(@keyframes...) mit einem Button (z.B. onclick())?
Wie kann man nach jeder änderung die Seite automatisch aktualisieren lassen? Finde das ziemlich entspannter als jedesmal so zu refreshen
Super Video, nur eine Frage: welches Programm nutzt du um deine Codes zu schreiben?
vs code
@@Programmierenlernen Vielen Dank!
wie benutzt kann man css verwenden wenn man beispiel ein css script für youtube machen will?
Hey habe eine Frage kannst du ein vid machen wo ich mein Google Passwort herausfinden kann ohne meine Sim?
nice
niceee
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
kurze frage ist das nur bei mir so oder wird er nach knapp 2 einhalb minuten einfach immer leiser ?
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?
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 ;-)
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.
Wie kann man Hyperlinks nach oben und nach unten verschieben ?
Bei 15:16 habe ich ein problem, wenn ich margin 0 mache beim body ist der abstand meines headers nach links und rechts zwar 0, nach oben aber nicht, wie änder ich das?
Ok Problem gelöst, man muss wohl erst den header einstellen bevor man was in den header schreibt
ist nicht external css einfacher?
Kommt auch was zu responsing css
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
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
Sans-serif bedeutet, keine Serifen. Es wird also irgend eine Schrift ohne Serifen verwendet. Denn diese Familien sind im Internetz mehr verbreitet, weil sie leichter darstellbar und die Leute daran gewohnt sind. Im Fließtext sind aber Serifenschriften besser geeignet, weil sie sich schneller und leichter lesen lassen.
Kann man alles in html Abteil schreiben
kann mir jemand erklären wie man diese weiße google seite auf macht kapiere es nicht