CSS Fonts, Text & Color Properties | Sigma Web Development Course - Tutorial #19

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

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

  • @CodeWithHarry
    @CodeWithHarry  Год назад +712

    Thank you for all the love and support in the comments. I'm really not concerned about the low views on our recent videos. Energy is as high as when we started, and I'm committed to completing this course with all the essential concepts, great projects, and valuable advice from my experience #SigmaBatchOP

    • @ChuckleChamps412
      @ChuckleChamps412 Год назад +16

      Dear Harry Sir,
      Thank you so much! I've learned more than I expected, and I truly appreciate your hard work. Your guidance means a lot to me. Love you, Sir.
      Best regards,
      [Muhammad Sudais]

    • @habibjaffar2489
      @habibjaffar2489 Год назад +1

      Vs code theme name please

    • @Iplhiligh2024
      @Iplhiligh2024 Год назад +1

      Thanks Bhai ❤❤

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

      jellyfish theme
      @@habibjaffar2489

    • @Qari_Sudais
      @Qari_Sudais Год назад +4

      Hi Harry,
      Heartfelt thanks for your incredible course! I learned beyond my expectations, and your dedication truly shines through. Your teaching style is not just informative but engaging. Much love and appreciation, Harry!.

  • @ivishal101
    @ivishal101 Год назад +355

    Summary of Lecture 19
    1. font-family: a, b;
    2. font-style: italic : make font italic (oblique)
    3. font-weight: N ; use to make text bolder
    4. font-size: N px;
    5. line-height: N px ;
    6. letter-spacing: N px;
    7.(i) text-transform: capitalize
    (ii) text-transform: lowercase
    (iii) text-transform: uppercase
    8.(i) text-decoration-style: dotted
    (ii) text-decoration-color: red
    (iii) text-decoration-thickness: N px
    (iv) text-decoration-line: underline
    9. text-indent: N px
    10. text-overflow: ellipsis; overflow: hiddem
    11. word-break: break-all;
    12. text-align:center
    13. Ways to add color : color keyword, hex, rgb, rgba (a is alpha means opacity) , hsl
    14. background-color:green;
    15. some font family: baloo bhai 2, poppins
    #SigmaBatchOP
    Completed Lecture 19 ❤

  • @zquad_Subhani
    @zquad_Subhani Год назад +191

    Bro this is really amazing....don't worry about the views....this course will be viral right after we raise the bar and do some real projects.....I'm sure this is gonna be the best course available on RUclips so far.....Big fan of your work brother ❤❤❤
    Edit:Thanks for the 100+ likes on my comment❤

    • @x._narendra_.x
      @x._narendra_.x Год назад +4

      Yeh bolke zarur tu demotivate kar raha

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

      ​@@x._narendra_.x kaisa.

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

      Baat to sahi hai

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

      i do not want this course to be viral i want less competition and this course is best for learning

    • @Engineering_Unlocked
      @Engineering_Unlocked 11 месяцев назад

      bhai ye baat glt h @@deepakjain4481

  • @TraptiGupta-s2s
    @TraptiGupta-s2s 9 месяцев назад +28

    playlist ko access kr liya , channel ko subscribe bhi kr diya , github account bhi star kr liya , aapki saari videos ko like bhi kr diya , thankyou harry bhai itna acha or detailed course free me laane ke liye .. you are the really SUPER HUMAN ... bahut bahut Dhanyavad Harry bhai aapka#SIGMABATCHOP

    • @amitkushwaha608
      @amitkushwaha608 5 месяцев назад +5

      Bus ek chiz tumne nahi kiya
      Tumne apne gaon aur tau ki jamin sir ke nam nahi kiya 😂😂

    • @sahilsonker4224
      @sahilsonker4224 Месяц назад

      gaon aur tau ki jameen rah gayi bhai...🤣

    • @TraptiGupta-s2s
      @TraptiGupta-s2s Месяц назад

      @@amitkushwaha608 😂😂uske papers ready ho jaye tab karte hai

    • @TraptiGupta-s2s
      @TraptiGupta-s2s Месяц назад

      @@sahilsonker4224 voh bhi kar denge bhai 😂

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

      @@TraptiGupta-s2s 😂

  • @sarmadjareer7316
    @sarmadjareer7316 9 месяцев назад +19

    sir love from pakistan , sir app ki videos pakistan mai buhat pasand ki jati hai app mere sub se ache highest rated teachers mai phle number per hai app ka buhat buhat shukria kai app nai hamare future kai lia ittna acha course dia, thanks a lot i will see all your vidios and become a good developer....😇😍

  • @ManishKushwaha36
    @ManishKushwaha36 Год назад +50

    12:15 Because once you said that 4 and 5 key are next to each other and it is convenient to type that fast.
    15:33 Sigma batch op.
    31:22 yes.

  • @Asim_Ali4857
    @Asim_Ali4857 Год назад +14

    Your teaching style has made even the most complex concepts seem approachable and understandable. Your patience and willingness to help your students succeed have not gone unnoticed. I appreciate the extra time and effort you've invested in my education, and I can genuinely say that I've learned more from you than I ever thought possible.
    Thank you for being an exceptional teacher, mentor, and role model. Your impact on my academic journey is immeasurable, and I am forever grateful for the opportunity to learn from you. I look forward to applying the knowledge and skills you've instilled in me as I continue my educational and professional journey.

  • @vedantk
    @vedantk Год назад +44

    12:14
    #answer
    the role of lorem45 is to add the 45 words in our paragraph and yes 4 and 5 key is near to each other that's why you use it.

  • @hamzarashid5839
    @hamzarashid5839 18 дней назад +3

    itna achay se har cheez explain krty hu..kamaal ka course

  • @HassanMurtaza786
    @HassanMurtaza786 8 месяцев назад +11

    Dear Harry Sir,
    Thank you so much! I've learned more than I expected, and I truly appreciate your hard work. Your guidance means a lot to me.

  • @AwaisMughalFans
    @AwaisMughalFans Год назад +43

    This course is too much ultimate level so I am ready to give my village land to you ❤

    • @AbhishekKoli-tw2yc
      @AbhishekKoli-tw2yc 2 месяца назад +1

      So , Harry sir , When you will takeover his village land otherwise someone else will overtake his land Anyway ,We Love you harry bhai Sachii mai Dil se bhai ye dekho gulabi dilll 💖💖💖

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

      @@AbhishekKoli-tw2yc ❤️❤️❤️

  • @nareshbohara35
    @nareshbohara35 Год назад +7

    My coding journey started with you Harry Bhai💚
    Love from Nepal ❤‍🔥

  • @rishikumar-uf7tu
    @rishikumar-uf7tu 24 дня назад +1

    # important points
    7:02 importing google fonts via link to our html file
    13:23 letter spacing

  • @alisher-rk6fl
    @alisher-rk6fl 4 месяца назад +5

    Brother
    Text decoration: underline;
    Text decoration style: wavy;
    Text decoration color: red;
    Is k bajaye agar hum
    Text decoration: wavy underline red;
    Bhi likh dein to bhi execute ho rha hai....
    sigma batch op❤

    • @GKCapsules
      @GKCapsules 4 месяца назад

      Wow.....good one

  • @sumanmaji8575
    @sumanmaji8575 Год назад +17

    Hey bhaiya, thank you for this sigma batch ❤, I learnt html and css from your previous web development videos. Now I am learning JavaScript. I just request you to please continue this batch, I am eagerly waiting for the backend portion.

    • @amitkushwaha608
      @amitkushwaha608 5 месяцев назад

      purani wali videos purane version me tha kya

  • @adityanverma5631
    @adityanverma5631 10 месяцев назад +4

    I must say the quality of css tutorials are better than older playlist, my salute to Harry ✋. I am here to revise, but now I am learning new things. #SigmaBatchOP

  • @arnav_nagpurkar
    @arnav_nagpurkar Год назад +11

    #SigmaBatchOP
    I wanted to learn full stack development, I was almost going to start a course, then I found this masterpiece...
    The best web development course ever made and we all are grateful that this course is absolutely free.
    We hope that the same consistency will be maintained throughout the course by the viewers.
    Eagerly waiting for backend....
    Love from Pune #HarryBhai

    • @1234dreamer
      @1234dreamer 7 месяцев назад

      Hi I don't have any experience in coding so can you tell me that it's enough for me or not ,I am going to starting so I want to make sure that it's worthy for me

    • @shinofhighshinunit5836
      @shinofhighshinunit5836 7 месяцев назад

      @@1234dreamer I don't have any coding experience either so this course is more than enough for absolute beginners like us

    • @1234dreamer
      @1234dreamer 7 месяцев назад

      @@shinofhighshinunit5836 same here bt I see a lot of problems during coding

  • @Peaceful.Vibess
    @Peaceful.Vibess 7 месяцев назад +1

    23:15 search colour picker, select colour from slider, copy (#numbers) and paste 👍

  • @HannanZahid-us7ht
    @HannanZahid-us7ht 2 месяца назад

    TimeStamps ⌚
    Introduction - 00:00
    Sigma Web Development Intro - 00:20
    Fonts - 00:30
    Font Properties - 09:35
    Line Height - 11:58
    Letter Spacing - 13:20
    Text Decorations - 14:01
    Colors - 21:37
    Conclusion - 30:54
    Sigma Outro - 31:46
    #sigmabatchop

  • @kingofgamerz7
    @kingofgamerz7 9 месяцев назад +5

    sigma batch op ---------------- I understand everything very clearly.

  • @Priyanshu00246
    @Priyanshu00246 Год назад +8

    Thankyou so much Harry bhaiya to provide this awesome course to us for free
    ❤❤❤
    You are the great teacher ❤

  • @Good_boy905
    @Good_boy905 Год назад +14

    Best coding teacher in the world #HarryBhai

  • @OsamaAfzal-u9p
    @OsamaAfzal-u9p 5 месяцев назад +2

    You deserve a lot of respect. Indeed a quality course about web development.

  • @movehard1851
    @movehard1851 3 месяца назад +2

    Anand Aa Raha Hai Is Course Mein.

  • @Sonai.bagchi
    @Sonai.bagchi Год назад +6

    My college journey started with Harry Bhai's #SigmaBatchOP

  • @pushkarsingh9734
    @pushkarsingh9734 Год назад +18

    "Dear [Harry bhi],
    I wanted to express my heartfelt gratitude for the incredible HTML course you've created. It has been an invaluable learning experience for me. Your dedication and effort in putting together such a well-structured and informative course are truly commendable.
    I've gained a deep understanding of HTML, and it has significantly benefited my web development skills and career. Your teaching style and the clarity with which you explain complex concepts made the learning process enjoyable and effective.
    I appreciate your hard work and the time you've invested in sharing your knowledge. Thank you for making this course available and accessible. It has made a positive impact on my journey in web development, and I couldn't be more grateful.
    Sincerely,
    [Pushkar Singh]"
    😊
    Please give me the shortout.
    #sigmabatchop

    • @sounaksaha1455
      @sounaksaha1455 Год назад +4

      corporate mein mail nahi karna tha

    • @mrgamerzyt3945
      @mrgamerzyt3945 Год назад +1

      @@sounaksaha1455 i am 120% sure he made it using bard i know bard's style of writing

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

      Hello sir, I have watched many of your videos. Can you please understand me about .dat file and .pak file and how to edit it? How to decode the encoding in .dat file

    • @pushkarsingh9734
      @pushkarsingh9734 4 месяца назад

      @@sounaksaha1455
      Ha ha.
      bhi you are right.

  • @Eesayousuf833
    @Eesayousuf833 Год назад +8

    Thanks harry sir u are really great sir in this universe❤❤.. I really like ur lecture series.. I hope you will continue this course... Don't stop I am willing w8 for your javascript course.... Love frm by button of my heart... Sir thanks alot for your support .

  • @JunaidShareef-j4u
    @JunaidShareef-j4u 3 месяца назад +1

    bhai op itna detailed video yt me kahin nai..Well explained hats off😎😎😎

  • @m._a.n.i.k
    @m._a.n.i.k Год назад +34

    #HarryBhai : Dont worry about the views... you will get views sometime later when the course gets spread more... the best thing is you are providing value which is unmatched and you are literally the best teacher... wanna meet you 1 day and party will be mine

    • @multicreativehub396
      @multicreativehub396 Год назад +1

      Bhai ab sab sympathy dikhayenge kya? vese bhi vo views ke liye nhi kar rahe. par ab sab hi likhne lag jayenge its ok its ok to fir moral to vese hi down ho jayega na.

    • @mrf619
      @mrf619 6 месяцев назад

      @@multicreativehub396 chill brother, that's not sympathy, that's appreciation

  • @AHMED2004..
    @AHMED2004.. 3 месяца назад +2

    summary of Lecture 19
    1. font-family: a, b;
    2. font-style: italic : make font italic (oblique)
    3. font-weight: N ; use to make text bolder
    4. font-size: N px;
    5. line-height: N px ;
    6. letter-spacing: N px;
    7.(i) text-transform: capitalize
    (ii) text-transform: lowercase
    (iii) text-transform: uppercase
    8.(i) text-decoration-style: dotted
    (ii) text-decoration-color: red
    (iii) text-decoration-thickness: N px
    (iv) text-decoration-line: underline
    9. text-indent: N px
    10. text-overflow: ellipsis; overflow: hiddem
    11. word-break: break-all;
    12. text-align:center
    13. Ways to add color : color keyword, hex, rgb, rgba (a is alpha means opacity) , hsl
    14. background-color :green;
    15. some font family: baloo bhai 2, poppins

  • @biswajeet9826
    @biswajeet9826 6 месяцев назад +3

    Your hardwork is commendable!!

  • @rajgaming6733
    @rajgaming6733 11 месяцев назад +3

    If(4 or 5 sath sath) :
    Paste(45)
    Similarly:
    Paste(23) ❤😂

  • @nikhilsharma..45..264
    @nikhilsharma..45..264 2 месяца назад +4

    kyunki 45 no ROHIT SHARMA ka jo hai🔥

  • @GayuNegi25
    @GayuNegi25 5 месяцев назад +2

    p:first-child{
    color:rgb(204, 80, 80);
    background-color: rgb(151, 151, 77);
    }
    p{
    color:white ;
    background-color: rgb(75, 75, 149);
    }

  • @krishna290gamer2
    @krishna290gamer2 Год назад +87

    AAP 45 aur 23 isliye likhte ho kyuki aap hardworking ho and 2, 3 and 4, 5 door door hai 😂

    • @Shivansh_OM_official
      @Shivansh_OM_official Год назад +5

      Absolutely correct, Harry bheya smartwork nhi hardwork me believe karte hain 😂😂😅😅😅 Sigma batch op...Harry bhai op...❤️

    • @altamash_sayz
      @altamash_sayz Год назад +2

      😂 correct

  • @InjectBrain
    @InjectBrain Год назад +4

    Harry bhai op

  • @Its__AnkitSahu
    @Its__AnkitSahu Год назад +9

    #SigmaBatchOP
    Love you Harry Bhai....

  • @cheryrj8305
    @cheryrj8305 3 месяца назад

    collecting all the info and idea to add and thinking about to share ,speaking so long and trying to make viewers understand concept, then editing the video then uploading its so much effort , HARRY BHAI doing ball of this for free when he was offered to sold this course , this is soo much ,i mean i have no words how thankful i am , your effort is appericiated by all your fans and it is so helping for us . thank u is not enough 💙

  • @Mahesh70152
    @Mahesh70152 9 месяцев назад

    TimeStamps ⌚
    Introduction - 00:00
    Sigma Web Development Intro - 00:20
    Fonts - 00:30
    Font Properties - 09:35
    Line Height - 11:58
    Letter Spacing - 13:20
    Text Decorations - 14:01
    Colors - 21:37
    Conclusion - 30:54
    Sigma Outro - 31:46

  • @AjayMudliyar-gw7kj
    @AjayMudliyar-gw7kj 6 месяцев назад +42

    aapne lorem 45 isliye likha kyuki aap bhot lazy ho aur aapko jyada mehnat na karna pade isliye aap saamne wale keys use karte ho

    • @Stoki-q1e
      @Stoki-q1e 5 месяцев назад +5

      Bhai coding ke liye lazy jyada jaruri he kyuki agar aap lazy ho to aap shortcuts ka estamaal karege aur kaam jaldi katam karoge

    • @AashirwadTyagi-c5u
      @AashirwadTyagi-c5u 5 месяцев назад

      😂

    • @radeveloper0
      @radeveloper0 4 месяца назад +5

      Harry Sir is not 🚫 a lazy person, he is one of the greatest Programmer in the world 🌎.
      MashaAllah Proud to Harry SIR

    • @yashiikaaa.
      @yashiikaaa. 4 месяца назад +3

      Ek to samne vala aapko sikha rha h upper se kamiya Gina denge

    • @malviakshat6700
      @malviakshat6700 4 месяца назад +5

      ​@@yashiikaaa. Bhai ye baat Harry bhai ne khud boli thi ki wo bahot aalsi he iss liye aisa karte he.

  • @syedkousarabbas-t3h
    @syedkousarabbas-t3h 13 дней назад +1

    you are a great teacher of web development course Ienjoy this is becouse it is very intrusting course

  • @newswala.a
    @newswala.a 2 месяца назад +1

    nice video zyda badi thi mujhe 2 din lgg gye complete krne mei bcoz light bhaut preshn kr rrhi thi but finally ho hi gyi complte

  • @abhishekanand8574
    @abhishekanand8574 10 месяцев назад +2

    Harry bhaiya please don't feel sad about view counts , generally people thinks that paid courses offer more but you are going to prove it false. After some time people would realize the value of this content and then your each video would have views in millions. 😊😊😊💝💖💝💖💝💖💝💖

  • @cheryrj8305
    @cheryrj8305 3 месяца назад

    i am learning so much from you harry , my intrest in programming and computer science is becuz of you . thank yiu soo muchj for being the best teacher. ❤

  • @darshanzala-rb5xq
    @darshanzala-rb5xq 5 месяцев назад

    harry we are very glad ki hum ko aapke jese koi sikhane wala mila thank you harry bhai thankyou so much

  • @praphullkumarappajigol2566
    @praphullkumarappajigol2566 6 месяцев назад +1

    #Sigma Batch OP🤘
    12:14
    Answer:- lorem45 or lorem23 aap issliye likhte ho kyuki 4 and 5 aas paas hai 😁😁for saving time and effort

  • @huzaifatariq248
    @huzaifatariq248 3 дня назад

    i just know that your full name is haris ali khan and it's surprising for me. you are an amazing tutor. Thankyou for sharing such a nice tutorial. Love from Pakistan😍😍😍

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

    23 and 45 is favorite number of code with harry ,reason lazy harry bhai...

  • @RachanaDatta
    @RachanaDatta 7 месяцев назад

    #SigmaBatchOp
    12:15 reason 4 and 5 key numbers are near to each other so that you can type fastly.

  • @anjaleegusain8136
    @anjaleegusain8136 4 месяца назад +1

    45 ya 23 isiliye kyunki woh aaspaas hote h type krne me asaan hota hai
    Sigma batch op.. 🔥🥳

  • @alblack8983
    @alblack8983 5 месяцев назад

    Harry bhai, this is the best course, Thank you for keeping it free. FOR REAL YAR "SIGMA BATCH OP"

  • @priyanshukumarsonu7399
    @priyanshukumarsonu7399 9 месяцев назад

    ye lagatar mera 19th video hai sab dekh raha bahut intresting lag raha and you explained very well
    thanks a lot sir ❤❤

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

    BEST PLAYLIST SIGMA BATCH OP

  • @Vaibhav_singh121
    @Vaibhav_singh121 5 месяцев назад

    Harry bhai your courses will be always relevant.

  • @stutidutta3922
    @stutidutta3922 7 месяцев назад +2

    tutorial-19: done
    sigma batch op

  • @YushaBinShaneAli
    @YushaBinShaneAli 4 месяца назад

    Harry Bhai=Legend=hero=and champion of coding
    Big Suppuort ♥♥♥

  • @AthulNathP
    @AthulNathP 8 месяцев назад

    31:23 Bohot zyada maza aa raha hain Harrybhai

  • @Hey.Rachit
    @Hey.Rachit 6 месяцев назад +2

    DAY 19 COMPLETED 🏁
    #SigmaBatchOP🔥
    Harry Bhaiya Jinda Baad 🗣

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

    This course is too much ultimate level so I am ready to give my village land to you ❤

  • @somgeet5683
    @somgeet5683 8 месяцев назад +1

    Kiuki 4 aur 5 amne samne rahte Hain 😀.
    Bohot Maza ata Hain apke video se sikhneme.

  • @m4h4di404
    @m4h4di404 6 месяцев назад

    #solution

    div p:first-child {
    color:red;
    background-color:yellow;
    }
    div p{
    color:white;
    background-color: blue;
    }
    sigma batch op

  • @AshishKhetwal
    @AshishKhetwal 4 месяца назад

    12:14 kyuki 2aur3 and 4aur5 bagal bagal me hote hai sir sari videos dekhte hai apki🥰🥰

  • @ayushmaanraturi
    @ayushmaanraturi 5 месяцев назад +2

    Tutorial - 19 Done ✅
    #SigmaBatchOP #HarryBhai
    Thank you Hary bhai for this amazing course ❤

  • @varadcg_01
    @varadcg_01 5 месяцев назад

    12:17 It is because '45' & '23' keys are nearby

  • @swathi_bee4
    @swathi_bee4 3 месяца назад

    lots of love from andhra pradesh harry bhai.....thanks a lot
    sigma batch op

  • @NeelPatel-gn8id
    @NeelPatel-gn8id 7 месяцев назад +1

    Sigma batch is op🙌🏻🙌🏻🙌🏻

  • @neutral776
    @neutral776 8 месяцев назад

    (ans of the question at 12:13)lorem45 or lorem23 because according to sigma rule #452389 after pressing a button , press another button which comes immediately after,i.e. 5 comes right after 4 and 3 comes after 2 and so on... sigma batch op!

  • @faisalahmed8102
    @faisalahmed8102 4 месяца назад

    #SigmaBatchOP... Cant express how blessed I feel to be able to access this course with Harry Bhai and to learn and grow as a developer. Really happy and excited!!!🎉

  • @codewithzubair0
    @codewithzubair0 6 месяцев назад +1

    Sigma Batch OP😍😍

  • @avdhootpanchal9209
    @avdhootpanchal9209 8 месяцев назад +1

    Let's roll the intro🎉

  • @kshubhendu13
    @kshubhendu13 4 месяца назад +2

    thank you so much Harry bhai for this free course. you teach every concept in the easiest way.
    #SigmaBatchOP

  • @movehard1851
    @movehard1851 3 месяца назад +1

    Sigma Batch OP.

  • @Kuestech
    @Kuestech 11 месяцев назад

    Keep it up bro...👏 you are doing a fantastic job, keep going & remember hard work pays off!

  • @shivamverma2370
    @shivamverma2370 7 месяцев назад

    Sigma bhai OP
    Baloo bhai OP
    I am shocked that this much people are still persisting

  • @arjunthakur9121
    @arjunthakur9121 26 дней назад +1

    #solution........
    div {
    p:first-child {
    background-color: yellow;
    color: red;
    }
    p {
    background-color: blue;
    color: white;
    }
    }

  • @NireekshaRao-t5p
    @NireekshaRao-t5p 4 месяца назад +1

    Tutorial19✅ Thank you harry bhiayya

  • @aagamgupta1717
    @aagamgupta1717 4 месяца назад

    EXCELLENT BGM U HAVE USED AND MAST EDITING KRI HAI INTRO AND OUTRO ME
    NORMALLY I SKIP INTROS BUT YOUR VIDEOS I LISTEN TO IT

  • @secret_agent_gamer
    @secret_agent_gamer 6 месяцев назад

    12:14 Aap bahut hardworking ho isliye 4-5 bagal bagal hai isliye use karte ho aur 2-3 nazdik hai isliye use karte ho 😂😂❤❤

  • @Sahil-vb1cd
    @Sahil-vb1cd 9 месяцев назад

    Short Summary for [CSS Fonts, Text & Color Properties | Sigma Web Development Course - Tutorial #19]
    Understanding CSS Fonts and Color Properties | Sigma Web Development Course (Tutorial #19)
    CSS Fonts and Color Properties
    - Learn how to use external fonts in your website
    - Understand the concept of fallback font and how to change font family using CSS
    Fallback fonts are used if the desired font is not available.
    - The main font is COUI and the fallback fonts are Tahoma, Geneva, Wardana, San Serif.
    - To change the font family, use the font-family property.
    - At least one generic font family should be included to ensure compatibility.
    - Other font properties include font style, font weight, and text decoration.
    There are two ways to include fonts in CSS: through link or through import.
    - Using the import statement, fonts can be included by putting them in a style tag.
    - Fonts can also be included through a link tag by copying the link and placing it in the head tag.
    CSS Fonts, Text & Color Properties
    - Multiple fonts can be added to a web page, but it is not recommended to use too many fonts.
    - The font size can be changed using different measurement units, such as pixels. The default font size for h1 is 32 pixels and for paragraph it is 16 pixels.
    CSS Fonts, Text & Color Properties
    - default line height is about 110 to 120%
    - line height can be increased or decreased using a multiplier of 1.2
    - letter spacing can be increased to increase spacing between letters
    - capitalizing the first letter or a word can be done using text transform
    - text decoration can be used to underline text and change its color
    CSS provides properties to style fonts, text, and colors.
    - Text decoration style property allows you to add different styles like dotted, double, solid, wavy, etc. to your text.
    - You can also use the text decoration thickness property to specify the thickness of the text decoration.
    CSS Fonts, Text & Color Properties
    - Illustrates how to increase the width of text and paragraphs
    - Explains how to use text overflow and width to control text wrapping and hiding overflow
    - Describes the word break property and its effect on breaking words
    - Covers the use of text align property to center text
    Understanding CSS Fonts, Text, and Color Properties is crucial for developing websites.
    - CSS text properties allow for controlling various aspects of the text such as alignment, spacing, and style.
    - Knowing CSS color properties enables changing the color of elements, enhancing the visual appeal of the website.
    Hex color is a way to represent color using hex values.
    - RGB, RGBA, and HSL are other ways to represent color.
    - You can use hex color codes or color keywords to specify colors.
    CSS Fonts, Text & Color Properties
    - RGB values can be used to generate any color by changing the red, green, and blue values.
    - RGBA is similar to RGB, but with an additional alpha value for opacity. Hex color codes are commonly used in designs.
    Explained fonts and colors in a long video
    - Design lessons should have a goal of making a good website
    - Encourages viewers to access the playlist, bookmark the video, and share it with friends

  • @Narendra-tw8lm
    @Narendra-tw8lm 6 месяцев назад +1

    Sigma batch OP ❤

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

    Sigma Batch Op
    love from Punjab
    endd karati harry sirr..!!!

  • @GoDaddyJack
    @GoDaddyJack 4 месяца назад

    Enjoying this course❤

  • @Omega23-mv9hx
    @Omega23-mv9hx 8 месяцев назад

    Day 3 of binge watching sigma web dev videos lets goooo

  • @varadcg_01
    @varadcg_01 5 месяцев назад

    Maza aahra hai iss course meh

  • @therambler1328
    @therambler1328 7 месяцев назад

    This is a fully detailed course who really teach us making websites thank you harry bhai #sigmabatchop

  • @yuvrajpatidar4757
    @yuvrajpatidar4757 8 месяцев назад

    In 45, 4 & 5 and near, and in 23, 2 & 3 are near to each other, that's why you use them speedy!

  • @mxvedio5828
    @mxvedio5828 5 месяцев назад

    Harry bhaiya aapke course me maja aa raha hai

  • @SKD14344AK
    @SKD14344AK 10 месяцев назад +1

    12:16 just because to explain the concept to the students like me

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

    maja kya hi bataye dil garden garden ho gya hai bilkul ☺

  • @venkatakartheekgorripati623
    @venkatakartheekgorripati623 9 месяцев назад

    I am right now took a paid course from a reputed institute it was good amount .I would say this is much better than that. Free or paid if this type of content keep on coming from you bro institutes will keep grudge against you

  • @dcsalim4384
    @dcsalim4384 4 месяца назад

    Sigma batch OP! 🔥

  • @Xyztwothree
    @Xyztwothree 6 месяцев назад

    Thanks harry bhai this course is fire🔥 🔥

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

    we can bold the text by: text🤩🤩🤩🤩🤩

  • @debajyotisahu950
    @debajyotisahu950 Месяц назад

    Sigma batch op . Thanks sir

  • @hamzarashid5839
    @hamzarashid5839 18 дней назад

    bestt course ever

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

    You are best teacher❤❤

  • @Mr.NerdNexus
    @Mr.NerdNexus 7 месяцев назад +1

    As a mid level GFX Designer , I can relate CSS more :)

  • @CodeWithYajat
    @CodeWithYajat Месяц назад

    Lorem 45 kyoki aspas ki keys he aur harry bhai alsi number 1!

  • @shreyanshsrivastav2689
    @shreyanshsrivastav2689 11 месяцев назад +1

    sigma batch op
    🤩🤩

  • @praveshbhatt7042
    @praveshbhatt7042 10 месяцев назад +1

    #sigma batch OP 💖💖💖💖💖💖