Тёмный

Basic Inline Styling | CSS | Tutorial 2 

Giraffe Academy
Подписаться 303 тыс.
Просмотров 123 тыс.
50% 1

Source Code - www.giraffeacademy.com/web-dev... This video is one in a series of videos where we'll be looking at styling websites with CSS. The course is designed for new web developers, and will introduce common web development and styling concepts using the CSS language.
Throughout the course we'll be looking at various topics including colors, margins, padding, positioning, selectors and much more.

Опубликовано:

 

9 окт 2017

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 91   
@Knorxkay
@Knorxkay 5 лет назад
such a great teaching skills you have got, you make codding easy and fun. compress these into one video
@giovannifigueroa6307
@giovannifigueroa6307 5 лет назад
Your outro definitely confirms you are passionate about teaching computer science. I needed you years ago lol. Great content keep doing what youre doing.
@DreamsOfTheMidnight
@DreamsOfTheMidnight 4 года назад
you have the most comprehensive and detailed tutorials!! Thanks for all the help!
@danielcallaghan6892
@danielcallaghan6892 3 года назад
This is one of the best youtube channels I've ever found. Thanks for all your work!
@aaronyang1465
@aaronyang1465 5 лет назад
Thanks Mike! I must say that you have very big influence on me, and I appreciate very much! I will keep learning everything on your RU-vid channel and get better! And hope you have a wonderful day!
@benkane7196
@benkane7196 5 лет назад
Thanks Mike. I've watched your full PHP course already, which was really useful, but I need to learn CSS too and also how to use MySQL with PHP. Your tutorials are very clear and move along at a good pace. You make things seem obvious when you explain them, as you keep going over the same ideas until they just make sense. I think the greenscreen overlay is a great idea as I connect with what people are saying a lot more when I can see them talking. You've also got you're audio set up really well. So many tutorials have really poor audio or people who mumble or talk too fast, or just forget to turn up the microphone. Good job.
@captainboon2978
@captainboon2978 3 года назад
Well said. Of anyone I've seen who's had online tutorials for coding, in my opinion, he's the best.
@simbaevans.3301
@simbaevans.3301 14 часов назад
I came over a css course on you tube and I got discouraged because the title says beginner yet at minute 15 the guy is on advanced css.I begun looking for mike and my heart was at peace
@sevedozo7335
@sevedozo7335 Год назад
Your teaching methods, really keeps me brain active. I ve watched others videos too, but i started procrastinating n sometimes i dosed off, but You are really good at teaching. I can feel the energy the energy u r putting
@princesinday6570
@princesinday6570 4 года назад
brief and concise. direct to the point. well played
@augustlumanlan2777
@augustlumanlan2777 5 лет назад
This is really helpful, Mike! Keep up the great work :)
@rishibhardwaj7907
@rishibhardwaj7907 5 лет назад
Thank you for this wonderful tutorial. I owe you my coding.
@farajajohn8790
@farajajohn8790 3 года назад
Hey Mike thanks so much for your tutorials. I really enjoy. God bless you so much
@pulakchakma5947
@pulakchakma5947 2 года назад
Thanks Mike for your great work and helping thousands like me.
@johntordesillas7744
@johntordesillas7744 3 года назад
Amazing teaching skills. More power and more uploads 👊
@scottisitt
@scottisitt 4 года назад
I greatly appreciate these tutorials, Mike. I'd always shied away from learning computer language, but I'm finally getting my feet wet. I just finished your html tutorial. Doing this one (CSS) now, and I expect I'll learn all subsequent languages from you as well. Your instructions are clear and concise. Really enjoying this.
@abeermoeed2256
@abeermoeed2256 3 года назад
hey, i wanted to know if you have watched the 6hr tutorial on mike's other channel? do u think the tutorials on here are enough for a beginner ?
@scottisitt
@scottisitt 3 года назад
@@abeermoeed2256 His other channel? If you mean freecodecamp, that's not his channel, but a number of his tutorials are posted there, too. Are the tutorials enough for a beginner? I think they're great for a beginner. I mean, I'm a beginner. I've also seen CS majors say that Mike was better at teaching these languages than their university professors. That said, most of Mike's tutorials (outside of HTML and CSS) follow a similar curriculum. (Like, you'll learn how to make a calculator and a guessing game in his JavaScript, Python, C#, and Java tutorials.) At some point, you'll want want to branch out to other people's tutorials, but also,...when you start getting comfortable with the principals you learn from these tutorials, you'll want to try making your own thing. Anyway, Mike's tutorials are a great place to start. It's much easier to learn from others after you've learned from him.
@abeermoeed2256
@abeermoeed2256 3 года назад
@@scottisitt YES I totally agree! thank you!
@eladbruchim7519
@eladbruchim7519 2 года назад
Such a great explanation mike, thanks a lot🙌🏼
@shivanshnegi6957
@shivanshnegi6957 Год назад
love your content bro in my country nobody teach the way like you do
@lethal36
@lethal36 4 года назад
thank you this helped me big tome with my assignment this week
@nabazesmail6165
@nabazesmail6165 3 года назад
What a teaching skills u have got ❤️
@reidr7715
@reidr7715 2 года назад
Thank you Mike, you are a genius teacher
@MalkiaMmoja
@MalkiaMmoja Год назад
Any code + Mike's explanations = Simple code
@vishalfrancis402
@vishalfrancis402 2 года назад
here after completing the html tutorial. thank u for teaching me how to code.
@syedkhaisarali9529
@syedkhaisarali9529 3 года назад
Thank u sir.. U done an amazing job providing good explanation about all the fundamentals and basic of programming... I have enjoyed a lot ....
@ibrahim.malik78
@ibrahim.malik78 2 года назад
Thanks so much bro I had my exam tommorow. YOURE A LIFESAVER
@siriuskhoi2865
@siriuskhoi2865 2 года назад
Thanks Mine For bringing Us the incredible course :)))))
@jesusaulloa1653
@jesusaulloa1653 Год назад
omg this guy i said it in another video but wth he's a god at teaching i like that these are not fricking 30 to an hour long boring videos. its quick and informative.
@jesusaulloa1653
@jesusaulloa1653 Год назад
Its liek after these i might as well take up java or these other ones that look intimidating
@jumpsidx
@jumpsidx 2 года назад
You deserve more subs man!
@baronvilzy2228
@baronvilzy2228 3 года назад
hey mike, can you create a background-image with use media query in css? so when use media query, browser when resized to phone's view the image doesnt smaller..
@happyTruePeople
@happyTruePeople 2 года назад
I wonder that somebody downvoted this video. Mike, U R a hero!
@channelsurfing5586
@channelsurfing5586 5 лет назад
You're awesome dude! Thank you!
@AnselmChika
@AnselmChika 7 месяцев назад
i love giraffe academy
@baiai6509
@baiai6509 3 года назад
thank you, great explanation
@chigemezuibekwe6295
@chigemezuibekwe6295 Год назад
what if you like, add the CSS attribute to the paragraph tag rather than the main, does that still works
@poojasree1400
@poojasree1400 3 года назад
I came here after watching his HTML tutorial in free code camp 🙂🙂
@Ali_AlNaib
@Ali_AlNaib 3 года назад
same
@Devtheking
@Devtheking 2 года назад
That tutorial was amazing. I learned so much in 2 hours, and it was all for FREE!
@Crickets_2.0
@Crickets_2.0 Год назад
Same. I learnt a lot
@aminalwamba3530
@aminalwamba3530 2 года назад
Thank you so much for this
@jagan1720
@jagan1720 3 года назад
U r my favourite teachér
@minopineapple
@minopineapple 4 дня назад
Thank you so much!
@malechas2174
@malechas2174 3 года назад
Well done.
@ahmetsecond9344
@ahmetsecond9344 3 года назад
nice tutorial.
@Eckister
@Eckister 2 года назад
ok I can already see, that I will love tinkering with this more than I should lmao.
@worldofnissanka9222
@worldofnissanka9222 Год назад
so nice
@mattkaczmarczyk6953
@mattkaczmarczyk6953 5 лет назад
keep going
@ahmadabulaban5474
@ahmadabulaban5474 4 года назад
Mike is the best
@mohamedabdelrehim858
@mohamedabdelrehim858 2 года назад
You are amazing ~~
@The_Kill_Switch
@The_Kill_Switch 7 месяцев назад
Which app?
@moularaoul643
@moularaoul643 3 года назад
Thanks!
@victortobenna2750
@victortobenna2750 Год назад
Very explicit
@chkenzy3373
@chkenzy3373 2 года назад
Please Mr Mike make video of full CSS.
@ondrejmarek9752
@ondrejmarek9752 3 года назад
Just want to say thanks
@Sonicwarp68
@Sonicwarp68 4 года назад
Isn't style html? Don't we have to use a selector when doing CSS? I'm confused cause you did use style in your html tutorial.
@nissrinerezzouk7262
@nissrinerezzouk7262 3 года назад
there a lot of ways to use CSS , you can use it directly in your HTML file (inline CSS) or use it in another seperate file and link between them( html file and css file) (external CSS) , they are both good but a lot of people prefer the (external CSS)
@siddharthashanker7477
@siddharthashanker7477 4 года назад
Mike , How can I connect you ?
@revaclay2734
@revaclay2734 2 года назад
How do you change the font to what you want? I have trouble changing my font because it will sometimes stay the same
@tanyam8700
@tanyam8700 2 года назад
font-family: any name of font you want;
@DanishTroll87
@DanishTroll87 2 года назад
why not use a different file for all your css code ?
@vigneshak3509
@vigneshak3509 Год назад
can i skip the hole csss part and learn js ?
@sabaashfaq6518
@sabaashfaq6518 4 года назад
inline styling better or external styling better for chnage quikly web layout.please quikly explain?
@ClassicTycoon
@ClassicTycoon 4 года назад
yes
@samuelbanda1966
@samuelbanda1966 3 года назад
its (Sep 18 2020) i am going to make my children watch this too
@kumarkartik9682
@kumarkartik9682 4 года назад
Hello sir, I just wanted to ask that if you know that your videos are being compiled into a single video and being posted on RU-vid under a different channel.
@kumarkartik9682
@kumarkartik9682 4 года назад
@Jolly Wally Alright then. Just wanted to know whether it was being done with his permission or not. Thanks
@mystogan6961
@mystogan6961 5 лет назад
I need in one video for these css videos
@danpalu2308
@danpalu2308 4 года назад
Because it's simply too much effort to click next when you get a complete course for free. Hop i havet.
@HorrorStreamPREPOD
@HorrorStreamPREPOD Год назад
Some courses say it's a bad idea to use 'em.
@felixfryxell7529
@felixfryxell7529 4 года назад
So you write stuff in HTML? Then what's the point of creating a CSS file? I'm so confused.
@DF-js6ke
@DF-js6ke 3 года назад
Same here
@thealchemist9781
@thealchemist9781 2 года назад
1.color :blue
@goldensleeves
@goldensleeves 3 года назад
So html has a CSS in it by default?
@danishirshad8831
@danishirshad8831 3 года назад
Yes
@danishirshad8831
@danishirshad8831 3 года назад
HTML is like the outside of your website while CSS is like the inside of your website
@milhamfarrohi
@milhamfarrohi 5 лет назад
Thank you man, this is so helpful. :) keep going please, i will watch this whole course. maybe little a construct criticism @1:04 , i think it should be css property and css value. Please correct me if i wrong :D source: www.w3schools.com/html/html_styles.asp
@eliesaber3948
@eliesaber3948 4 года назад
you are right
@frazz3104
@frazz3104 3 года назад
Please come back to teaching you haven't posted in years
@antonisliakopoulos3922
@antonisliakopoulos3922 3 года назад
Why inline though? It is one of the worst ways to code in CSS. It makes the html file a literal hell for the web developer (plus, the viewers who see this video are most likely beginners so that will confuse them more)
@jimrizzy
@jimrizzy 2 года назад
quick question i was also told that inline CSS is bad practice, but why is that?
@antonisliakopoulos3922
@antonisliakopoulos3922 2 года назад
@@jimrizzy Because making separate files for html and css and organizing them in their own folders is much more helpful. Imagine having an html file with ten thousand lines of code which uses inline css to style the webpage and suddenly you want to change something. You will have to look for it for at least 5 minutes to do so. Html is html and css is css. They need to be in their own respective file. (That is my opinion of course)
@jimrizzy
@jimrizzy 2 года назад
@@antonisliakopoulos3922 ahh gotcha thanks for answering my question, and yeah i agree now that im on external css in my learnings,
@jmsanchez5631
@jmsanchez5631 4 года назад
bro seems like you know all programming languages and other stuffs. Do you even have a life? hahaha just kidding
@uniq6318
@uniq6318 2 года назад
Just i found him in freecodecamp with c++ and now I'm here ❤️
Далее
Colors | CSS | Tutorial 3
5:37
Просмотров 55 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 879 тыс.
Learn CSS Animations In 20 Minutes - For Beginners
21:22
Learn CSS Position In 9 Minutes
9:26
Просмотров 1,9 млн
Learn CSS in 1 hour 🎨
1:00:00
Просмотров 971 тыс.
External Style Sheets | CSS | Tutorial 10
5:32
Просмотров 123 тыс.
CSS website layout in 9 minutes! 🗺️
9:28
Просмотров 52 тыс.
Learn HTML in 12 Minutes
12:17
Просмотров 7 млн