CSS 3 Tutorial For Beginners: Learn CSS In One Video In Hindi

Поделиться
HTML-код
  • Опубликовано: 10 дек 2024

Комментарии • 1,1 тыс.

  • @CodeWithHarry
    @CodeWithHarry  5 лет назад +226

    Hope you all like this video! Source code description me hai! Make sure to smash the like!
    Baaki HTML, Bootstrap, jQuery, aur JavaScript bhi channel pe uploaded hain. Make sure to check them out as well!
    For more CSS videos on animations, hamburgers and responsive designs, subscribe to this channel and hit the bell icon! 😃😃

    • @nirajdahal5019
      @nirajdahal5019 5 лет назад +9

      Thank You Bro, Today i was looking for css crashcourse on another channel and msuddenly you uploaded a new one in your channel and i got notification. It was like a suprise for me. Thank yOu so much Harry :D . Can you please make a code name to call every suscribers of your channel. :P

    • @CodeWithHarry
      @CodeWithHarry  5 лет назад +26

      Great niraj! Enjoy the video. Thanks for all the love and support!

    • @shakirsaiyed8733
      @shakirsaiyed8733 5 лет назад +2

      thanks and can you make video for Nodejs and angular please

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

      Thank you haris bhai for making CSS tutorial 👍👍

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

      52:44 challenge accepted !!

  • @riteshMusk
    @riteshMusk 2 года назад +20

    TimeStamps:
    00:00
    - Tutorial Introduction
    00:48 - Downloading & Configuring VS Code
    02:41 - CSS Basic Information
    05:03 - Html Crash Course Info
    07:22 - Inserting CSS in html
    10:45 - Basic CSS Syntax
    24:16 - 3 Ways to insert CSS
    27:25 - Colors in CSS
    30:35 - Backgrounds in CSS
    37:02 - Borders
    41:34 - Margin & Padding
    49:23 - Margin Collapse
    51:31 - Padding
    53:08 - CSS Box Model
    55:16 - Outline
    56:20 - Text Formatting
    01:01:36 - Font
    01:05:33 - Links Formatting
    01:10:38 - Display Property
    01:14:25 - Editing Navigation Bar
    01:19:07 - Position Property
    01:21:31 - Float Property
    01:25:21 - CSS Flexbox
    01:33:50 - Form Quiz
    01:38:02 - Web Development Course Detail

  • @ashishchillale704
    @ashishchillale704 4 года назад +38

    Now that you've made it so easy for us to learn CSS, Make a video on UI/UX designing too ♥️

  • @manisharora4520
    @manisharora4520 4 года назад +86

    watched Complete video great job bro.....

  • @zapeeosheikh
    @zapeeosheikh 3 года назад +245

    Those who come after watching the 3 hour tutorial of Html of his channel❤️. Like it

    • @abhisheksinghh5307
      @abhisheksinghh5307 3 года назад +5

      Bro is this video enough to complete CSS?
      Just finished harry bro 3hrs html lecture
      He is such a humble person ☺

    • @nishankpriydarshi5200
      @nishankpriydarshi5200 3 года назад +3

      @@abhisheksinghh5307 Make some projects and learn on the go..

    • @AryanSharma_-nl6fj
      @AryanSharma_-nl6fj 3 года назад

      ya lol

    • @lazybirdsflying
      @lazybirdsflying 2 года назад +2

      We need css 8 hours course or this course is best i learned HTML now confused i learn css or css 3

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

      I learn from HTML from Shrdha didi (apna college).
      Harry is same(high level). That's all are my shot listed channel.

  • @jeytube970
    @jeytube970 3 года назад +48

    my brain was mad and I typed in search: "harry bhai CSS sikhao"
    and I got this XD

  • @CursorGaming
    @CursorGaming 4 года назад +11

    I am a 13 years boy and i love web development
    Btw 4 properties -
    Padding-top
    Padding-bottom
    Padding-left
    Padding-right

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

      @@technicalnetwork7936 never share your personal info on the internet. Remove it quickly

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

    HA SIR MAI N FULL VIDEO DEKHA HAI...... OR APP KA KOHI VIDEO MAI SKIP NAHI KARTA ......Really u r doing good job sir.......Love u sir......

  • @piyalimondal5838
    @piyalimondal5838 2 года назад +6

    Thanks a lot for making this video! Explanations were given in an easy and detailed manner. Learning CSS with your help felt interesting!

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

    Apka sikhane ke tarika simple hei sir, understanding main easy hota raha hain, I impressed, Dusre chennel ke video dekhne ke bad v confuse rehta hain or matha kharab ho jata hain. you are doing very very very good job sir.

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

    padding-top:(ye sirf uppar se hi ko hilaye ga;
    padding-bottom:(ye sirf niche se hi ko hilaye ga;
    padding-right:(ye sirf right se hi ko hilaye ga;
    padding-left:(ye sirf left se hi ko hilaye ga;

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

    harry bhai full video dekha hai
    or app jo bhi videos banate ho na yarr its awesome maine python apke videos se sikha hai or data science sikh raha hu or javascripts apke videos se sikha hai vo bhi full video dekha
    bhai aap jaisa teacher hona shayad india maibhi kahi jeff bezos elon musk jaise log ban jaye . seriously a very big thanks to you harry bhai

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

    Harry Bhai Full video Dekha Hai 😁😁

  • @motivationwhisper123
    @motivationwhisper123 2 года назад +2

    Watched all (html, css and JavaScript in one video) tutorials....thank u so much bro ❤ for such content.

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

    Very easy-to-understand video.
    Thank you so much. And by the way, all challenges accepted!!

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

    55:32 hota hai unOrdered list na ke undefined list(which was said by haris ali mistakenly).

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

    Saw the full video! 😁

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

    The Best Tutorial I've Ever Watched On RUclips

  • @saurabhdwivedi125
    @saurabhdwivedi125 3 года назад +3

    The teacher, we needed !!
    thanks harry bhai.

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

    Harry Bhai Full Video Dekha hai....
    Thank you so much!!!

  • @imhemish
    @imhemish 3 года назад +5

    Literally harry in every video:
    Search for download vs code and install kar do...

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

    Harry bhai full video dekha hain sirf CSS ka hi nahi balki HTML aur Python ka Bhi !! You deserve the best in this world !! Hope you achieve all the success and prosperity in your life !! Thank you for putting in all your efforts in making such amazing content !!

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

    I found that really helpful being a beginner and Yes, have seen the complete Tutorial. Hope you upload a detailed playlist on CSS 3 soon .. Good Luck and Thank you

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

    Harry bhai maine full video dekha hai, mostly apka video hi dekhta hoon programming sikhne ke kliye. Thank you !

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

    Hope our school teachers would be like this😔😔😔😔

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

      School me bhi coding sikhate hai?

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

      @@killergamingop No. Me bas kah raha tha ki, kash hamere teachers ke teaching styles bhi aase hote...

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

      @@killergamingop ya they do but it starts on 9th

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

      @@ibrahimshaz6198 for me 6

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

    Harry Bhaiya full Video dekha....
    It helps a lot for making my school project of making a website...
    Thank you for giving us these types of premium quality contents.
    Thank you Bhaiya once again ...

  • @DristiHandiqueRA
    @DristiHandiqueRA 3 года назад +5

    Absolutely love the video as a beginner!!! Is there full course on CSS that you have or will provide any time soon? IT WILL BE OF GREAT HELP Harry

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

    Harry Bhai video full dekha... No. 1 tha...

  • @syedawarishah7965
    @syedawarishah7965 3 года назад +11

    Challenge Accepted!
    1- padding-top (Used to give space from the top)
    2- padding-right (Used to give space from the right)
    3- padding-left (Used to give space from the left)
    4- padding-bottom (Used to give space from the bottom)
    We can simply write the keyword padding for short-hand property and then put semicolons and write the top, right, left, and bottom sides with giving space in each size.

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

    harry bhai full video dekha h !!!!!! wo bhi ONLAIN dekha h love from Afghanistan.... fan ho apka !!

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

    Can you make full tutorial for CSS,
    BTW your content is very good , ease in learning thanks man.
    Keep it up ♥️

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

      Go and watch TechGun for full tutorial of CSS it will be really helpful t u.

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

    Harry bhai, maine full video dekha hai!! Wonderful explanation!! You're a Rockstar!! :)

  • @arabindapradhan4018
    @arabindapradhan4018 4 года назад +12

    Watched full video 3 times without skipping

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

    Harry bhai mai pura video dekhi hun... U r the best ❣️

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

    Challenge accepted 😊🙏🌹♥️

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

    HARRY BHAI VIDEO FULL DEKHA💕❤

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

    Thank you sir, this is very helpfully for me☺️

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

    Harry bhai full video dekh liya... Awesome ✌🏻

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

    A big salute to your work //(❁´◡`❁) Great job Harry Bhai..

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

    Harry bhai thank you very much, full video dekha he
    Also mene python, HTML, ML k kuchh concepts and Flask bhi aapke videos se hi sikhe he. No words to appreciate your tutorials. Thank you very much.

  • @nirajdahal5019
    @nirajdahal5019 5 лет назад +10

    Harry Bhai . Thank You so much for upload. Can you make video to use inspect elements for looking coding of our own website :D . It is very confusing . it would be great . I am with Harry. Thank yOU SO MUCH

    • @CodeWithHarry
      @CodeWithHarry  5 лет назад +10

      I will plan a video on this very soon!

  • @sahilanand30
    @sahilanand30 2 года назад +2

    Best css tutorial on the internet

  • @almadeefageneraltradingl.l8475
    @almadeefageneraltradingl.l8475 2 года назад +4

    Challenge Accepted:
    1) padding-top is used to give padding from the top.
    2) padding-right is used to give padding from the right.
    3) padding-left is used to give padding from the left.
    4) padding-bottom is used to give padding from the bottom.
    5) In single line, if we want to give padding from all the sides we will write as:
    padding: top right bottom left;
    6) We can use either pixels or percentages for giving the appropriate padding.
    Hope I covered all the things if I left something do let me know, Thank you Harry Bhai for making things easier for us.

  • @al-techsoftware4160
    @al-techsoftware4160 2 года назад +1

    harry bhai buhut buhut shukreya allah apko lambi zindagi dey ameen

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

    I need complete css.. in this video lots of things missing like animation of gifs.. and so on..
    I like your tone and i can only understand things from your videos.. so plz..

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

    Harry bhai... Video pura dekha..
    Bohot achha tutorial h..

  • @meesam55
    @meesam55 4 года назад +4

    sir, how i create an invoice template with RTL in css or html

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

    HARRY BHAI FULL VIDEO DEKHA HAI....OR BAHOT SAMAJ ME AYA HEI ALL TOPIC

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

    Challenge accepted 🙂

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

    Harry Bhai Full Video Dekha hai. Nice Session... Very useful.

  • @jemishdhameliya
    @jemishdhameliya 5 лет назад +8

    Challenge Accepted Properties Of Padding is Equal To Margin Like top Bottom Right Left

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

    Completed this video completely. Thanks alot again🤗

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

    Challenge Accepted.
    padding-left: 50px;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 60px;

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

    Harry Bhai..Full Video Dekha mene ✌🏻

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

    CHALLENGE
    ACCEPTED

  • @RAHULSINGH-dm3pl
    @RAHULSINGH-dm3pl 2 года назад

    Harry Bhai...!!! I watched Complete video great job bro....
    @ SHAHABAD MARKANDA ( Kurukshetra )

  • @Walking_asmr116
    @Walking_asmr116 5 лет назад +5

    Hello my friend i love what you are doing with your work actually i want to join you on your Facebook or in Instagram so can you provide me with you name so i can add you. And i really enjoyed ur video, keep on growing my friend hope to see more 👏👏👏

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

    video full dekha hai Harry bhai ..loved your content

  • @PuzaExplores
    @PuzaExplores 5 лет назад +9

    Mene apke insta pe ek urgent question pucha tha but apne seen hi nhi kiya😨

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

    Hurry Bhai Full Video Dekha hai.... Love u Bro

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

    Harry bhai, maine full video dekha. Excellent. god speed,

  • @devil_....
    @devil_.... 3 года назад

    Main Mh33 gadchiroli se hu
    Or main html sikh rha hu bhot achha lgta hai programming sikhne me mujhe to confidence milta hai

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

    26:33
    Great thanks for explaining style cascading in such a comprehensive manner. Now I know better why CSS = "cascading style sheets"

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

    Harry bhai full video dekha hai 😻👍👍 awesome yrr

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

    Harry Bhai full video dekha fabulous super 👌👌😎😎👍👍

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

    Harry bhai Full dekha,
    Very helpful ❤️

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

    HARRY BHAI FULL VEDIO DEKHA HAI ...............ITS AWESOME BRO THANKS ALOT KEEP IT UP

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

    harry bhai apki sari vedio dheki hai lockdown bht acha raha apki wjha se javascript,jquery,css,html,css and still alot to go sir , i am happy with you teching i share it with my friends too thanks a lot sir

  • @prasadprashantb.4001
    @prasadprashantb.4001 3 года назад

    Harry bhai video full dekha hai bro😘😘🤩🤩tysm 🙌🙏

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

    i already doing software engineer course but you are too good teaching i like all your videos..very helpful for me ...thkew sir

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

    Thanks!

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

    yaar harry bhai maza agaya vidio dekh kr buhat kuch sikha mene or full video dekhi mene

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

    padding : 50px 50px 50px 50px /*top right bottom left*/
    padding : 50px 30px /* top/bottom right/left */
    padding-left
    padding-right
    ////////////////////////////////////////inline element//////////////////////////////////////////
    inline element area the element which can be fixed under block elements:(,,,)
    etc
    inline elements are tags: ,,etc

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

    Harry bhai ✨ Full video dekha h 😁💯💫💫

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

    Harry Bhai Full Dekha Hai Video 💪🏾💪🏾

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

    This is best vidio of css, that I have ever seen,it's very helpful to make a user -friendly website

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

      Checkout Thapa Technical

  • @AnilKumar-ve2yl
    @AnilKumar-ve2yl 3 года назад

    Harry bhai full video dekha h mene👍, great video

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

    Full Video dekha hai...Very helpful..Next gotta watch the full 8hr. course

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

    Harry bhai maine full video dekha hai
    Html, css ,java script and python.
    Looking forward to be a full stack dev

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

    Harry bhai full video dekha...was absolutely amazing.....

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

    Harry bhai bhai bhai... Pura video dekh lis.
    Sukriya.❤️

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

    Harry bhai full vdo dekha hai... I watched it for revision purpose but learnt many new things 😁😁

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

    You are better than most of the corporate trainers!

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

    Harry bhai full video dekha h.... Thank you❤

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

    Thank You Harry Bhai.❣ Full Video dekha hai... Challenge Accepted.😁

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

    Harry Bhai full video Dekha 💥💥🔥

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

    Main puri video dekha hu😌 without skip 😁. Really helpful. Harry bhai u r the best one.osm teaching.... thanks to provide this video.

  • @compeng..1510
    @compeng..1510 3 года назад +1

    Yes watched till last great work🥳🥳
    And I never forget to watch your ending I will see u next time .....tune😍❤️

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

    Harry bhai , full video dekha hai 👍 shukriya ji 🙏

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

    Bhaiya ek hi ❤️ hai
    Kitne baar jeetoge 🔥.

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

    16:51 😭😭 khushi ke aasu harry sjr maza aa gaya rat ke 12 45 ko uth kar vidoe dekh raha hu jab se html ka video end kia hai chan nahi mil raha hai bs excitation hai css ka

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

    harry bhiya full vido dekha hai 🙃🙃🙃 thnaxx harry bhiya💓💓💓

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

    Harry bhaiya yrr pura video dekha app pass css ka course leaao
    Afterall, hamjaiso ke aap hi ek matra masiha ho❤💥💥

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

    Nice explaining Harry Bhai 👍🏻👍🏻

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

    Best channel for computer science
    Seen complete video
    Challenge accepted
    Thanku sir great work

  • @Empathy-itself
    @Empathy-itself Год назад

    Saw the full video(Harry vai full video dekha hai).This was very helpful for me as a beginner. Thank you so much man.

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

    Harry bhai full video dekha hai 👍..bhut mast h video

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

    Harry bhai your vedio is so much helpful to me & i"ll watch your vedio till the end.

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

    Harry bhai full video dekha hai. video was very helpful in learning css. thanks a lot

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

    Harry Bhai, Video full to dekha hai.... but coding I am afraid of, pushing myself to the limits, thanks for the part of Journey...:-)