Basic Inline Styling | CSS | Tutorial 2

Поделиться
HTML-код
  • Опубликовано: 9 окт 2017
  • 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.

Комментарии • 92

  • @Knorxkay
    @Knorxkay 5 лет назад +66

    such a great teaching skills you have got, you make codding easy and fun. compress these into one video

  • @giovannifigueroa6307
    @giovannifigueroa6307 5 лет назад +16

    Your outro definitely confirms you are passionate about teaching computer science. I needed you years ago lol. Great content keep doing what youre doing.

  • @danielcallaghan6892
    @danielcallaghan6892 3 года назад +4

    This is one of the best youtube channels I've ever found. Thanks for all your work!

  • @DreamsOfTheMidnight
    @DreamsOfTheMidnight 5 лет назад +7

    you have the most comprehensive and detailed tutorials!! Thanks for all the help!

  • @aaronyang1465
    @aaronyang1465 5 лет назад +6

    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 RUclips channel and get better!
    And hope you have a wonderful day!

  • @benkane7196
    @benkane7196 5 лет назад +37

    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 4 года назад +7

      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 2 месяца назад

      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

  • @augustlumanlan2777
    @augustlumanlan2777 5 лет назад +4

    This is really helpful, Mike! Keep up the great work :)

  • @scottisitt
    @scottisitt 4 года назад +6

    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 4 года назад +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 4 года назад +4

      @@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 года назад +3

      @@scottisitt YES I totally agree! thank you!

  • @princesinday6570
    @princesinday6570 4 года назад +2

    brief and concise. direct to the point. well played

  • @farajajohn8790
    @farajajohn8790 3 года назад +1

    Hey Mike thanks so much for your tutorials. I really enjoy. God bless you so much

  • @pulakchakma5947
    @pulakchakma5947 2 года назад +1

    Thanks Mike for your great work and helping thousands like me.

  • @johntordesillas7744
    @johntordesillas7744 3 года назад +1

    Amazing teaching skills. More power and more uploads 👊

  • @rishibhardwaj7907
    @rishibhardwaj7907 5 лет назад +12

    Thank you for this wonderful tutorial. I owe you my coding.

  • @eladbruchim7519
    @eladbruchim7519 2 года назад

    Such a great explanation mike, thanks a lot🙌🏼

  • @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 ....

  • @siriuskhoi2865
    @siriuskhoi2865 2 года назад

    Thanks Mine For bringing Us the incredible course :)))))

  • @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 ❤️

  • @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

  • @shivanshnegi6957
    @shivanshnegi6957 Год назад

    love your content bro in my country nobody teach the way like you do

  • @channelsurfing5586
    @channelsurfing5586 5 лет назад

    You're awesome dude! Thank you!

  • @reidr7715
    @reidr7715 2 года назад

    Thank you Mike, you are a genius teacher

  • @jumpsidx
    @jumpsidx 2 года назад

    You deserve more subs man!

  • @baiai6509
    @baiai6509 3 года назад

    thank you, great explanation

  • @happyTruePeople
    @happyTruePeople 3 года назад

    I wonder that somebody downvoted this video. Mike, U R a hero!

  • @baronvilzy2228
    @baronvilzy2228 4 года назад

    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..

  • @MalkiaMmoja
    @MalkiaMmoja 2 года назад

    Any code + Mike's explanations = Simple code

  • @vishalfrancis402
    @vishalfrancis402 3 года назад

    here after completing the html tutorial. thank u for teaching me how to code.

  • @ibrahim.malik78
    @ibrahim.malik78 2 года назад

    Thanks so much bro I had my exam tommorow. YOURE A LIFESAVER

  • @aminalwamba3530
    @aminalwamba3530 2 года назад

    Thank you so much for this

  • @minopineapple
    @minopineapple 2 месяца назад

    Thank you so much!

  • @jagan1720
    @jagan1720 3 года назад

    U r my favourite teachér

  • @malechas2174
    @malechas2174 3 года назад

    Well done.

  • @AnselmChika
    @AnselmChika 10 месяцев назад

    i love giraffe academy

  • @moularaoul643
    @moularaoul643 3 года назад

    Thanks!

  • @Eckister
    @Eckister 3 года назад

    ok I can already see, that I will love tinkering with this more than I should lmao.

  • @mohamedabdelrehim858
    @mohamedabdelrehim858 2 года назад

    You are amazing ~~

  • @ahmetsecond9344
    @ahmetsecond9344 3 года назад +1

    nice tutorial.

  • @poojasree1400
    @poojasree1400 3 года назад +7

    I came here after watching his HTML tutorial in free code camp 🙂🙂

    • @Ali_AlNaib
      @Ali_AlNaib 3 года назад +1

      same

    • @Devtheking
      @Devtheking 3 года назад +1

      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

  • @aizaemanchannel898
    @aizaemanchannel898 Месяц назад +1

    Thx

  • @chigemezuibekwe6295
    @chigemezuibekwe6295 2 года назад

    what if you like, add the CSS attribute to the paragraph tag rather than the main, does that still works

  • @ahmadabulaban5474
    @ahmadabulaban5474 4 года назад

    Mike is the best

  • @worldofnissanka9222
    @worldofnissanka9222 Год назад

    so nice

  • @ondrejmarek9752
    @ondrejmarek9752 4 года назад

    Just want to say thanks

  • @mattkaczmarczyk6953
    @mattkaczmarczyk6953 5 лет назад +1

    keep going

  • @victortobenna2750
    @victortobenna2750 2 года назад

    Very explicit

  • @siddharthashanker7477
    @siddharthashanker7477 5 лет назад

    Mike , How can I connect you ?

  • @Sonicwarp68
    @Sonicwarp68 4 года назад +3

    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 4 года назад +4

      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)

  • @chkenzy3373
    @chkenzy3373 2 года назад

    Please Mr Mike make video of full CSS.

  • @revaclay2734
    @revaclay2734 3 года назад

    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;

  • @sabaashfaq6518
    @sabaashfaq6518 5 лет назад

    inline styling better or external styling better for chnage quikly web layout.please quikly explain?

  • @vigneshak3509
    @vigneshak3509 Год назад

    can i skip the hole csss part and learn js ?

  • @DanishTroll87
    @DanishTroll87 2 года назад

    why not use a different file for all your css code ?

  • @mystogan6961
    @mystogan6961 5 лет назад

    I need in one video for these css videos

    • @danpalu2308
      @danpalu2308 4 года назад +1

      Because it's simply too much effort to click next when you get a complete course for free. Hop i havet.

  • @The_Kill_Switch
    @The_Kill_Switch 10 месяцев назад

    Which app?

  • @felixfryxell7529
    @felixfryxell7529 4 года назад

    So you write stuff in HTML? Then what's the point of creating a CSS file?
    I'm so confused.

  • @samuelbanda1966
    @samuelbanda1966 3 года назад

    its (Sep 18 2020) i am going to make my children watch this too

  • @thealchemist9781
    @thealchemist9781 2 года назад

    1.color :blue

  • @HorrorStreamPREPOD
    @HorrorStreamPREPOD Год назад

    Some courses say it's a bad idea to use 'em.

  • @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

  • @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 RUclips 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

  • @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

  • @frazz3104
    @frazz3104 3 года назад

    Please come back to teaching you haven't posted in years

  • @antonisliakopoulos3922
    @antonisliakopoulos3922 3 года назад +1

    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 года назад +1

      @@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 5 лет назад

    bro seems like you know all programming languages and other stuffs. Do you even have a life? hahaha just kidding

  • @uniq6318
    @uniq6318 3 года назад

    Just i found him in freecodecamp with c++ and now I'm here ❤️