CSS Complete Tutorial in Tamil | CSS in Tamil | தமிழ் | Tutor Joes

#tutorjoes #tamil #tjfamily #tutorjoes #TJHTML #tjcss
for source code visit:
www.tutorjoes.in/css_tutorial...
00:00:00 CSS Introduction
00:02:08 What is CSS ?
00:03:47 Structure of CSS
00:05:11 How use link CSS rules in Website
00:05:52 Inline Style in CSS
00:08:45 Internal Style in CSS
00:10:59 External Style in CSS
00:13:32 Font Properties in CSS
00:22:07 Background Properties in CSS
00:30:17 Background-size in CSS
00:33:27 Background-attachment in CSS
00:35:58 Background-origin in CSS
00:38:57 Background-clip in CSS
00:41:07 Gradient Colors in CSS
00:52:35 Background-blend in CSS
00:56:12 Opacity in CSS
00:58:29 Text Properties in CSS
01:03:33 List Properties in CSS
01:06:46 How to resize list style image in CSS ?
01:09:13 More about list style in css
01:14:03 Margin Properties in CSS
01:21:05 Padding Properties in CSS
01:25:10 Border Properties in CSS
01:30:12 Comments in CSS
01:32:11 Class and ID in CSS
01:36:27 Display Property in CSS
01:42:36 Table Styling and Display:table Property in CSS
02:04:40 Parent and Child in CSS
02:09:45 Style Preference in CSS
02:15:12 Grouping Multiple CSS Selectors
02:18:26 More about CSS Selectors
02:27:29 Pseudo Class in CSS Anchor Tag
02:31:34 Access Child Items in CSS
02:34:05 Border Radius in CSS
02:36:01 Colors in CSS
02:40:19 Box Shadow in CSS
02:43:21 Chess Board in CSS
02:51:42 Box Model in CSS
03:01:45 Position Properties in CSS
03:08:59 Static Position in CSS
03:09:46 Relative Position in CSS
03:11:12 Absolute Position in CSS
03:13:52 Fixed Position in CSS
03:15:45 Sticky Position in CSS
03:23:53 z-index in CSS
03:29:38 Opacity in CSS
03:31:59 Outline in CSS
03:35:10 min-height & max-height in CSS
03:39:33 min-width & max-width in CSS
03:43:21 Box-Sizing in CSS
03:51:49 Overflow in CSS
03:56:29 Column in CSS
04:00:24 css units px % rem em vh vw vmax vmin
04:33:05 PSEUDO-CLASS
05:34:28 PSEUDO-ELEMENT
05:38:23 SELECTOR TYPES
05:41:40 Transition in CSS
05:54:47 What is Flex Box ?
06:32:15 Simple Navigation Bar using Flex box in CSS
06:42:39 Simple Skew Navigation Bar in CSS
06:58:20 Simple Loader in CSS
07:09:21 Responsive Navigation Bar in CSS
07:26:39 Table Styling using CSS
07:36:30 Animated Side Navigation Bar in CSS
07:58:20 Custom Search TextBox in CSS
08:07:18 Fixed Side Navigation in CSS
08:15:11 Animated Background Using HTML CSS
08:25:28 Gradient Animated Text using HTML CSS
08:34:08 Simple and Stylish Spinner in HTML CSS
08:38:47 Invalid and Valid Properties in HTML CSS
08:46:57 Neon Light Animation in HTML CSS
08:54:12 Search TextBox Design in HTML CSS
09:11:39 Gmail like Form Design in HTML CSS
09:36:26 Custom Select Text Color in Website HTML CSS
09:40:12 Simple Animated button in HTML CSS
09:49:37 Text Stoke Animation in HTML CSS
09:59:36 Fog Animation Effect HTML CSS
10:12:47 Typing Text Animation in HTML CSS
10:18:58 Custom checkbox using HTML CSS

Пікірлер: 350

  • @malarammu02
    @malarammu02 Жыл бұрын

    En 17 yrs study career la ithuvara yaarum enakku ivlo theliva oru concept ah puriya vechathu illa...Unga voice nd words pronounciation very clear ah irukkum sir...Tq so much❤️yentha oru expectations um illama students learning Kku ivlo vishiyam panrathu romba hpy ah irukku sir😇

  • @SelvaGanesh098

    @SelvaGanesh098

    Жыл бұрын

    3:03:23 😮

  • @anasmajestic8542

    @anasmajestic8542

    4 ай бұрын

    💯💯💯

  • @pethukrishnan4295
    @pethukrishnan4295 Жыл бұрын

    தங்களின் உழைப்புக்கு நன்றி அண்ணா ❤️🙏

  • @tamilshortsROFL
    @tamilshortsROFL Жыл бұрын

    Bro IT Workla Oscar Awardnu Onnu Kudutha, That Definitely Deserves U Brother, No One Can Give Brain Touching Clear Explanation For Each Topic Like u, Hats Off

  • @anasmajestic8542

    @anasmajestic8542

    4 ай бұрын

    💯💯💯

  • @rithikilango1035

    @rithikilango1035

    Ай бұрын

    Correct ah sonneenga thalaiva ❤

  • @tvjklove4556
    @tvjklove4556 Жыл бұрын

    ugkala mari oru teacher face to face padipika kidaija antha studentku atha vida lucky ethukume ella sir you great one sir💓 thank you sir

  • @sindhueswaran921
    @sindhueswaran921 Жыл бұрын

    Thanks a lot sir for giving wonderful detailed step by step sessions. I started 06.07.2023 and finished full class (10:31:45) today 16.07.2023. U R Really Rockstar.🎉😊❤

  • @GowthamAroorar
    @GowthamAroorar Жыл бұрын

    many paid courses don't worked for me. but this first 3 hrs is really amazing 🙏🙏🙏

  • @Mohan_Tech001
    @Mohan_Tech001 Жыл бұрын

    ONE WORD .FOR YOU..WHAT A MAN YAA YOU....ARE GOD OF MY LIFE.. 💖💝

  • @vigneshr5190
    @vigneshr5190 Жыл бұрын

    I completed this 10+hrs of class today... actually i forget some portions but i do have an idea about all the stuffs. So now i am going to do some projects based on html and css. Thank you for the wonderful class sir.

  • @Hermoine_Granger999

    @Hermoine_Granger999

    Жыл бұрын

    Bro Background: linear-gradient (blue red) ;(code) Ippadi koodutha work aga matinguthu.... And colors code type and rgb type la yum kooduthutan.... Work aga matinguthu..intha issue va eppadi solve pannurathu

  • @vigneshr5190

    @vigneshr5190

    Жыл бұрын

    @@Hermoine_Granger999 syntax... background-image: linear-gradient( direction, color1, color2, ... )

  • @Hermoine_Granger999

    @Hermoine_Granger999

    Жыл бұрын

    @@vigneshr5190 thank you bro... 😊

  • @fanzo_muciq5464

    @fanzo_muciq5464

    10 ай бұрын

    ​Background:linear-gradient(direction,red,blue,yellow);

  • @praveen.m9073
    @praveen.m9073 Жыл бұрын

    Hii sir, There are no words to praise your effective work. Thanks a lot . We need more videos about full stack developement and software testing. please consider our opinion.

  • @kumars6190
    @kumars6190 Жыл бұрын

    Ok sir. You have done good education for tamil people. God bless u sir

  • @harish745
    @harish745 Жыл бұрын

    Tq so much Sir I'm completed this full video once again tq for your valuable content its really helpful for me

  • @kaviyac8975
    @kaviyac897511 ай бұрын

    Finally Completed..👌👌..✌Thank you for your detailed explanations about each topic.

  • @Linga_M
    @Linga_M Жыл бұрын

    Thanks for the wonderful teaching Brother, I have completed this Video and learning more about CSS and More Useful for my Career

  • @meenakshiselvaraj665
    @meenakshiselvaraj665 Жыл бұрын

    Thanks!

  • @streamcalter442
    @streamcalter442 Жыл бұрын

    Great Job , very much Thanks for your Great Effort and Time 🙏🙏

  • @mrak870
    @mrak870 Жыл бұрын

    நன்றாக சொல்லி கொடுக்குறீங்க & நிறைய விஷயம் கத்துக்க வைச்சுங்க you're really good teacher thanks #joஅண்ணா

  • @sivaselvi6791

    @sivaselvi6791

    Жыл бұрын

    Extra ordinary class sir. Hats off to you

  • @manimaran3926
    @manimaran3926 Жыл бұрын

    Detailed and understandable video. Intha mari javascript kum video podunga it'll be really useful for many.

  • @saravanakumari9538
    @saravanakumari9538 Жыл бұрын

    Thank u so much for response sir🙏🙏.... U r the best teacher...

  • @barath.m2685
    @barath.m2685 Жыл бұрын

    Superrrb effort bro....i am watching it contiuously....thanks for all the effort..u have done💥💥💥

  • @BalaMurugan-rd6rj
    @BalaMurugan-rd6rj Жыл бұрын

    Lots of thanks for your knowledge sharing ❤️ It's very useful for us. Your voice and teaching was sounds good👌 Do more sir!💪 Next I will go to learn your JavaScript video😇 and once again thanks! 👍

  • @thirumurugan8186
    @thirumurugan8186 Жыл бұрын

    Ninga eppavum vera level super tutor..... Sir

  • @maajidhassan
    @maajidhassanАй бұрын

    sir your video are so clear and easily understable .and sir please upload video for data structures and algorithms

  • @HariKrishna-ny9eb
    @HariKrishna-ny9eb Жыл бұрын

    Bro i love you ❤️ 😅 Your are my greatest legend Teacher, I can’t effort for buy css course but you full-fill my thirsty

  • @aravind7718
    @aravind7718 Жыл бұрын

    Wait is over. Finally get this video . Thank you sir

  • @karthickg9453
    @karthickg9453 Жыл бұрын

    My dear frnd suggest this channel to me.. now I thank you and him.. Great work na.. 😍👍

  • @leftvino
    @leftvino Жыл бұрын

    thanks for css i had two years of experience in front end, eventhough i learned lot from this tutorials, whenever i had time, i am watching your videos to updating myself

  • @akashmillan5426
    @akashmillan5426 Жыл бұрын

    Thank You So Much Brother!!!!! This course is one of the Best Best Course in KZread!!!! Really your way of teaching is toooo Good,No words to explain Many Many Thanks for your Effort Brother God Bless.

  • @motor7488
    @motor7488 Жыл бұрын

    Hello sir i don't have enough money to study courses like programing this was very helpful to me and thank you so much sir

  • @Sengottaiyan43
    @Sengottaiyan438 ай бұрын

    Hi Sir 😊, your KZread channel has been instrumental in shaping me into the "Web Developer" I am today 😇. Your guidance and knowledge-sharing have been invaluable 💯, serving as a cornerstone in my journey 💯. I extend my deepest gratitude for your dedication and the profound impact you've had on my skills and understanding 😌. Thank you immensely for being a beacon of inspiration and education in the vast realm of web development ❤🙏.

  • @rahulrc2241
    @rahulrc2241 Жыл бұрын

    Awesome course brother...semmaya teach panninga ....ellam romba clear a irunthuchu...easy um understand aachu... thank you so much brother....but 1:00:28 paathutu sirupu adaka mudiyala brother 😂

  • @kookielove97
    @kookielove97 Жыл бұрын

    It is very useful and helpful to me . I hope it will help to many people like me .contine to upload more videos like this 👍🏻👍🏻

  • @prabudbz23
    @prabudbz23 Жыл бұрын

    Very detailed and easy to understand 👌

  • @samprakash9897
    @samprakash9897 Жыл бұрын

    No one is like u Sir, ur Awsome🤝🔥❤

  • @pavithrasubburajsai
    @pavithrasubburajsai2 ай бұрын

    I'm housewife after a long break again I'm starting my career thalaivarey bcoz of u thank you for clear cut explanation

  • @moulishwaran8823
    @moulishwaran882310 ай бұрын

    this course is super sir no one can teach like this 👍👍👍👍👍👍👍👍👍

  • @vensvens2213
    @vensvens2213 Жыл бұрын

    Thank u for your great effort sir...

  • @arthip7101
    @arthip7101 Жыл бұрын

    Thanks for your beautiful work sir 👍

  • @prabuyuvi839
    @prabuyuvi839 Жыл бұрын

    Thalaivare Vera level❤😍

  • @GopiGopi-ls3py
    @GopiGopi-ls3py Жыл бұрын

    Romba nanri anna 💕💘😍 i pray to God you always happy 🙏🙏🙏😘

  • @heartrajan84
    @heartrajan8410 ай бұрын

    Thank you so much sir.... Great work🙏🙏🙏🙏

  • @major4853
    @major48537 ай бұрын

    Vera lvl neega mass ❤

  • @TechTalentHive
    @TechTalentHive Жыл бұрын

    Really useful video for me . thank you.

  • @valarvijay7315
    @valarvijay7315 Жыл бұрын

    Great effort... hats off...👌👏

  • @Arjun1197
    @Arjun1197 Жыл бұрын

    Romba Nandri👌👌

  • @rithikilango1035
    @rithikilango1035Ай бұрын

    Semma Thalaiva...

  • @user-zc1il4wz6w
    @user-zc1il4wz6w9 ай бұрын

    Thanks a lot Sir always support you

  • @vigneshperumal4809
    @vigneshperumal4809 Жыл бұрын

    Superb explanation and extraordinary effort

  • @mohamedmarjik123
    @mohamedmarjik123 Жыл бұрын

    Bro neenga semmaiyaa teaching panringa react.js eduthungana nalla irukkum bro

  • @shahnaz9026
    @shahnaz902610 ай бұрын

    3:21:03 navigation easyaa ❤ 3:26:00 absolute and relative combined usage 3:28:02 z index 3:37:00 min-height

  • @codedreamfullstuckdevelope8096
    @codedreamfullstuckdevelope8096 Жыл бұрын

    sir romba thanks paypanni padikka elatha students kku romba perya uthavi ithalm eppovum nanga tutor joes kku suport and naan ungada video ellam pathu padissan now full website saiya palhitan

  • @shyamk7362

    @shyamk7362

    Жыл бұрын

    Bro nenga work pandringala? Unga Age ena Bro

  • @kishore700
    @kishore700 Жыл бұрын

    Thank you for your all the videos sir

  • @mind_flayerr
    @mind_flayerr Жыл бұрын

    உங்கள் சேனலை suggest செய்த KZread ட்கு கோடி நன்றிகள்.🙏🙏 Thanks for awesome explanation. Luv u அண்ணா❤️❤️🙏🙏

  • @user-cs5zh9lu5o
    @user-cs5zh9lu5o8 ай бұрын

    Thank you so much anna. ❤❤❤ I like programming and your videos are helping me. Can you please make a video about MATLAB.

  • @aharish9490
    @aharish9490 Жыл бұрын

    Thanks for your efforts.

  • @Muthusai88
    @Muthusai88 Жыл бұрын

    Mudiyala..vera level teaching🎉🎉🎉😊❤😂

  • @vignesht5351
    @vignesht5351 Жыл бұрын

    Wow wonderful video bro .keep going...🤩

  • @mageshwarisakthivel1257
    @mageshwarisakthivel1257 Жыл бұрын

    You areeeeeee Great Anna😊😊😊😊🔥🔥🔥🔥way of teach

  • @motivationda2067
    @motivationda2067 Жыл бұрын

    Inspiring me to become a techy...

  • @subashmookan4189
    @subashmookan41894 ай бұрын

    Anna thanks lot roompa nallave solli tharinga

  • @naveen.a4216
    @naveen.a4216 Жыл бұрын

    Vera level bro 💐

  • @aaravinthan001
    @aaravinthan001 Жыл бұрын

    Wow goosebumps bro i waited for this video

  • @ChatGpt_Tutorial_Yt
    @ChatGpt_Tutorial_Yt Жыл бұрын

    I cannot thank you enough ❤️ Wonderful Work ❣️

  • @raj9214
    @raj9214 Жыл бұрын

    Thanks you so much for that sir 💞

  • @mubena3986
    @mubena3986 Жыл бұрын

    Seriously very super bro 👌

  • @coolbaby6204
    @coolbaby6204 Жыл бұрын

    Thank you soo much sir..❤

  • @faheemahmed9380
    @faheemahmed9380 Жыл бұрын

    Woooow thank you so much sir

  • @littleyohantfamily
    @littleyohantfamily Жыл бұрын

    Most awaited 👍👌

  • @ranjithkumark8535
    @ranjithkumark8535 Жыл бұрын

    Thanks for u helpful to viedo ♥️

  • @RameshKumar-go7jy
    @RameshKumar-go7jy Жыл бұрын

    Sir , Pls share the complete pdf for this course. It will be very usefull

  • @manikandanrajamani714
    @manikandanrajamani714 Жыл бұрын

    Very helpful sir.

  • @bikobaki1148
    @bikobaki1148 Жыл бұрын

    nalaereke sir nandri

  • @Vignesh-xk4ii
    @Vignesh-xk4ii11 ай бұрын

    Anna unga video konjam kuda bore ehhh adikala keep it up annna ..... its makes more sprit ...anyways tnq bruhhh ....innum future la neraiya video kaga wait pandrom......

  • @ARUNKumar-lq2ni
    @ARUNKumar-lq2ni Жыл бұрын

    I am very much obliged to you🙏🏾🤝

  • @suriyaprakash6088
    @suriyaprakash6088 Жыл бұрын

    Thank you Sooooo Much Sir........

  • @thamaraiselviv
    @thamaraiselviv Жыл бұрын

    Sir please put video for data structures

  • @ashwinbalaji8567
    @ashwinbalaji8567 Жыл бұрын

    Nandri Anna❤️🔥👍

  • @ArunKrishna-ms3pl
    @ArunKrishna-ms3pl Жыл бұрын

    Very nice content anna ❤️❤️❤️❤️❤️

  • @vignesh7784
    @vignesh7784 Жыл бұрын

    React JS Complete video podunga bro ❤️ Thank your for this CSS video 💥⚡

  • @sathiya_YT

    @sathiya_YT

    Жыл бұрын

    Yes we want💌

  • @tamilprogrammer

    @tamilprogrammer

    Жыл бұрын

    Ok ... 👍

  • @vivekm9902

    @vivekm9902

    Жыл бұрын

    Yes we want

  • @mohamedmarjik123

    @mohamedmarjik123

    Жыл бұрын

    Yes we want

  • @dynoooshark

    @dynoooshark

    Жыл бұрын

    Yes we want sir please

  • @p.akalyacse2276
    @p.akalyacse22765 ай бұрын

    Superb anna Good explanation

  • @sharvesh.c3794
    @sharvesh.c3794 Жыл бұрын

    Love you brother ❤️💯

  • @bharatht9928
    @bharatht99287 ай бұрын

    I am heartly thanks you sir its big effort ❤

  • @tutorjoes

    @tutorjoes

    6 ай бұрын

    It's my pleasure

  • @BarathBarath-xp9co
    @BarathBarath-xp9co11 ай бұрын

    Day 1 two hours completed❤

  • @RoopaSenthil
    @RoopaSenthil Жыл бұрын

    Thank you sir. I have completed css.. (10:31:45)

  • @tutorjoes

    @tutorjoes

    Жыл бұрын

    Nice

  • @aaravinthan001

    @aaravinthan001

    Жыл бұрын

    Itha complete panitu next enna pannanum sir

  • @sriram-cc4tr
    @sriram-cc4tr4 ай бұрын

    thank you so much sir...😇😇😇😇😇

  • @reka1434455
    @reka143445510 ай бұрын

    Thank you brother❤

  • @BalajiBalaji-ms8ui
    @BalajiBalaji-ms8ui Жыл бұрын

    Lot off thanks...

  • @fun_facts007
    @fun_facts00710 ай бұрын

    Nandri anna❤

  • @DJS_studio
    @DJS_studio Жыл бұрын

    Thank you sir I'm new subscriber thanks for your wonderful efforts 🙏🙏🙏❤️

  • @tamilprogrammer

    @tamilprogrammer

    Жыл бұрын

    🔥🔥🔥

  • @rmrtamiltechnology
    @rmrtamiltechnology Жыл бұрын

    Thank you sir.

  • @karthickthala172
    @karthickthala172 Жыл бұрын

    Thank you sir 👌. Sir Appadiye konjam🤏 software testing full course video pannugey pls.

  • @ahmedusama152
    @ahmedusama152 Жыл бұрын

    Very very thanks❤❤❤

  • @mohamedzubair7801
    @mohamedzubair7801 Жыл бұрын

    Good Guide Sir.. any ui/ux related videos going to update? Does Front end help to uiux design?

  • @venkatesann4799
    @venkatesann4799 Жыл бұрын

    Very very thank you❤ anna

  • @mujahasan1166
    @mujahasan1166 Жыл бұрын

    good sir thank you soo much sir

  • @selvimari17
    @selvimari17 Жыл бұрын

    No words to express...4yrs enginnering la kuda ipti na learn pannala bro..

  • @violetorigins3837

    @violetorigins3837

    10 ай бұрын

    Same here

  • @bikobaki1148
    @bikobaki1148 Жыл бұрын

    sir umbe nandri sir

  • @saranyasri3367
    @saranyasri3367 Жыл бұрын

    Great contributions. I don't know, how to convey thanks for a single word.

  • @arunkumar-mm2nf
    @arunkumar-mm2nf Жыл бұрын

    Thank you so much

  • @navin445
    @navin445 Жыл бұрын

    Your All programming language tutorials are super sir.... Blockchain development and Solidity programming language tutorial try pannunga sir...

  • @zulfiqar7967

    @zulfiqar7967

    Жыл бұрын

    Neenga edhach course panringla, blockchain and solidity ku?? Irndha solunga

  • @vignesh7784
    @vignesh7784 Жыл бұрын

    Bro, How ur are coding faster. what are key functions you are using😳 Teach us bro ❤️

Келесі