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

  Рет қаралды 385,648

Tutor Joe's Stanley

2 жыл бұрын

#tutorjoes #tamil #tjfamily #tutorjoes #TJHTML #tjcss
for source code visit:
www.tutorjoes.in/css_tutorial/index
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

Пікірлер: 364
@malarammu02
@malarammu02 2 жыл бұрын
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 9 ай бұрын
💯💯💯
@pethukrishnan4295
@pethukrishnan4295 2 жыл бұрын
தங்களின் உழைப்புக்கு நன்றி அண்ணா ❤️🙏
@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 9 ай бұрын
💯💯💯
@rithikilango1035
@rithikilango1035 6 ай бұрын
Correct ah sonneenga thalaiva ❤
@tvjklove4556
@tvjklove4556 2 жыл бұрын
ugkala mari oru teacher face to face padipika kidaija antha studentku atha vida lucky ethukume ella sir you great one sir💓 thank you sir
@vigneshr5190
@vigneshr5190 2 жыл бұрын
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 Жыл бұрын
​Background:linear-gradient(direction,red,blue,yellow);
@GowthamAroorar
@GowthamAroorar Жыл бұрын
many paid courses don't worked for me. but this first 3 hrs is really amazing 🙏🙏🙏
@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.🎉😊❤
@Mohan_Tech
@Mohan_Tech Жыл бұрын
ONE WORD .FOR YOU..WHAT A MAN YAA YOU....ARE GOD OF MY LIFE.. 💖💝
@shahnaz9026
@shahnaz9026 Жыл бұрын
3:21:03 navigation easyaa ❤ 3:26:00 absolute and relative combined usage 3:28:02 z index 3:37:00 min-height
@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
@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
@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
@kaviyac8975 Жыл бұрын
Finally Completed..👌👌..✌Thank you for your detailed explanations about each topic.
@aravind7718
@aravind7718 2 жыл бұрын
Wait is over. Finally get this video . Thank you sir
@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
@praveen.m9073
@praveen.m9073 2 жыл бұрын
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.
@manimaran3926
@manimaran3926 2 жыл бұрын
Detailed and understandable video. Intha mari javascript kum video podunga it'll be really useful for many.
@mrak870
@mrak870 2 жыл бұрын
நன்றாக சொல்லி கொடுக்குறீங்க & நிறைய விஷயம் கத்துக்க வைச்சுங்க you're really good teacher thanks #joஅண்ணா
@sivaselvi6791
@sivaselvi6791 Жыл бұрын
Extra ordinary class sir. Hats off to you
@thegreatindianlovestory
@thegreatindianlovestory 2 жыл бұрын
Ninga eppavum vera level super tutor..... Sir
@RoopaSenthil
@RoopaSenthil Жыл бұрын
Thank you sir. I have completed css.. (10:31:45)
@tutorjoes
@tutorjoes Жыл бұрын
Nice
@aaravinthan001
@aaravinthan001 Жыл бұрын
Itha complete panitu next enna pannanum sir
@Jonesmusic07
@Jonesmusic07 3 ай бұрын
Bootstrap padinga bro​@@aaravinthan001
@Balaganesh715
@Balaganesh715 Ай бұрын
Practice in your pac​@@aaravinthan001
@mind_flayerr
@mind_flayerr 2 жыл бұрын
உங்கள் சேனலை suggest செய்த KZbin ட்கு கோடி நன்றிகள்.🙏🙏 Thanks for awesome explanation. Luv u அண்ணா❤️❤️🙏🙏
@HariKrishna-ny9eb
@HariKrishna-ny9eb 2 жыл бұрын
Bro i love you ❤️ 😅 Your are my greatest legend Teacher, I can’t effort for buy css course but you full-fill my thirsty
@karthickg9453
@karthickg9453 2 жыл бұрын
My dear frnd suggest this channel to me.. now I thank you and him.. Great work na.. 😍👍
@streamcalter442
@streamcalter442 2 жыл бұрын
Great Job , very much Thanks for your Great Effort and Time 🙏🙏
@Lt_gaming14
@Lt_gaming14 4 ай бұрын
Bro nan patha varaikum intha mari yarum theliva sonnathu illa.. Same athe mari unaga voice and pronounciation ellam sprww!! Keep it up brother.. Thank you so much 🙏🏻💯
@akashmillan5426
@akashmillan5426 2 жыл бұрын
Thank You So Much Brother!!!!! This course is one of the Best Best Course in KZbin!!!! Really your way of teaching is toooo Good,No words to explain Many Many Thanks for your Effort Brother God Bless.
@yadanarwin-f6j
@yadanarwin-f6j Жыл бұрын
Thanks a lot Sir always support you
@kumars6190
@kumars6190 2 жыл бұрын
Ok sir. You have done good education for tamil people. God bless u sir
@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 👍🏻👍🏻
@moulishwaran8823
@moulishwaran8823 Жыл бұрын
this course is super sir no one can teach like this 👍👍👍👍👍👍👍👍👍
@saranyasri3367
@saranyasri3367 2 жыл бұрын
Great contributions. I don't know, how to convey thanks for a single word.
@valarvijay7315
@valarvijay7315 2 жыл бұрын
Great effort... hats off...👌👏
@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 😂
@Sengottaiyan43
@Sengottaiyan43 Жыл бұрын
Hi Sir 😊, your KZbin 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 ❤🙏.
@maajidhassan
@maajidhassan 5 ай бұрын
sir your video are so clear and easily understable .and sir please upload video for data structures and algorithms
@ramkumark1805
@ramkumark1805 4 ай бұрын
Thank you so much for this wonderful and elaborated course sir🫡🫡🫡 First, I had watched your Flexbox and Grid Video and amazed by your content and lecturing. So, I decided to enhance my skill in CSS by watching your 10.30 hrs long video. Impressed while designing Google sign-in form sir. As I thought, you have given me much more knowledge on CSS and I feel very confident that I could understand and apply it very better for my personal and professional work. Once again, Thank you so much sir. You're just really awesome✨✨⭐
@BalaMurugan-rd6rj
@BalaMurugan-rd6rj 2 жыл бұрын
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! 👍
@samprakash9897
@samprakash9897 Жыл бұрын
No one is like u Sir, ur Awsome🤝🔥❤
@barath.m2685
@barath.m2685 2 жыл бұрын
Superrrb effort bro....i am watching it contiuously....thanks for all the effort..u have done💥💥💥
@prabuyuvi839
@prabuyuvi839 Жыл бұрын
Thalaivare Vera level❤😍
@prabudbz23
@prabudbz23 2 жыл бұрын
Very detailed and easy to understand 👌
@codedreamfullstuckdevelope8096
@codedreamfullstuckdevelope8096 2 жыл бұрын
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 2 жыл бұрын
Bro nenga work pandringala? Unga Age ena Bro
@pavithrasubburajsai
@pavithrasubburajsai 6 ай бұрын
I'm housewife after a long break again I'm starting my career thalaivarey bcoz of u thank you for clear cut explanation
@motivationda2067
@motivationda2067 2 жыл бұрын
Inspiring me to become a techy...
@selvimari17
@selvimari17 Жыл бұрын
No words to express...4yrs enginnering la kuda ipti na learn pannala bro..
@violetorigins3837
@violetorigins3837 Жыл бұрын
Same here
@mageshwarisakthivel1257
@mageshwarisakthivel1257 Жыл бұрын
You areeeeeee Great Anna😊😊😊😊🔥🔥🔥🔥way of teach
@GopiGopi-ls3py
@GopiGopi-ls3py Жыл бұрын
Romba nanri anna 💕💘😍 i pray to God you always happy 🙏🙏🙏😘
@major4853
@major4853 Жыл бұрын
Vera lvl neega mass ❤
@mubena3986
@mubena3986 Жыл бұрын
Seriously very super bro 👌
@Muthusai88
@Muthusai88 Жыл бұрын
Mudiyala..vera level teaching🎉🎉🎉😊❤😂
@Vignesh-xk4ii
@Vignesh-xk4ii Жыл бұрын
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......
@ChatGpt_Tutorial_Yt
@ChatGpt_Tutorial_Yt 2 жыл бұрын
I cannot thank you enough ❤️ Wonderful Work ❣️
@navin445
@navin445 2 жыл бұрын
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
@vigneshperumal4809
@vigneshperumal4809 Жыл бұрын
Superb explanation and extraordinary effort
@naveen.a4216
@naveen.a4216 2 жыл бұрын
Vera level bro 💐
@BarathBarath-xp9co
@BarathBarath-xp9co Жыл бұрын
Day 1 two hours completed❤
@carolinvpm265
@carolinvpm265 Жыл бұрын
I am a professor... ... And your student also
@mohamedmarjik123
@mohamedmarjik123 2 жыл бұрын
Bro neenga semmaiyaa teaching panringa react.js eduthungana nalla irukkum bro
@bharatht9928
@bharatht9928 11 ай бұрын
I am heartly thanks you sir its big effort ❤
@tutorjoes
@tutorjoes 10 ай бұрын
It's my pleasure
@p.akalyacse2276
@p.akalyacse2276 10 ай бұрын
Superb anna Good explanation
@vignesh7784
@vignesh7784 2 жыл бұрын
React JS Complete video podunga bro ❤️ Thank your for this CSS video 💥⚡
@sathiya_YT
@sathiya_YT 2 жыл бұрын
Yes we want💌
@tamilprogrammer
@tamilprogrammer 2 жыл бұрын
Ok ... 👍
@vivekm9902
@vivekm9902 2 жыл бұрын
Yes we want
@mohamedmarjik123
@mohamedmarjik123 2 жыл бұрын
Yes we want
@dynoooshark
@dynoooshark 2 жыл бұрын
Yes we want sir please
@saravanakumari9538
@saravanakumari9538 2 жыл бұрын
Thank u so much for response sir🙏🙏.... U r the best teacher...
@Arjun1197
@Arjun1197 2 жыл бұрын
Romba Nandri👌👌
@heartrajan84
@heartrajan84 Жыл бұрын
Thank you so much sir.... Great work🙏🙏🙏🙏
@aaravinthan001
@aaravinthan001 2 жыл бұрын
Wow goosebumps bro i waited for this video
@rithikilango1035
@rithikilango1035 6 ай бұрын
Semma Thalaiva...
@vignesht5351
@vignesht5351 2 жыл бұрын
Wow wonderful video bro .keep going...🤩
@vensvens2213
@vensvens2213 2 жыл бұрын
Thank u for your great effort sir...
@subashmookan4189
@subashmookan4189 9 ай бұрын
Anna thanks lot roompa nallave solli tharinga
@DhanushAmmayappan-z1i
@DhanushAmmayappan-z1i Жыл бұрын
Thank you so much anna. ❤❤❤ I like programming and your videos are helping me. Can you please make a video about MATLAB.
@arthip7101
@arthip7101 2 жыл бұрын
Thanks for your beautiful work sir 👍
@kishore700
@kishore700 2 жыл бұрын
Thank you for your all the videos sir
@sharvesh.c3794
@sharvesh.c3794 2 жыл бұрын
Love you brother ❤️💯
@vignesh7784
@vignesh7784 2 жыл бұрын
Bro, How ur are coding faster. what are key functions you are using😳 Teach us bro ❤️
@aharish9490
@aharish9490 2 жыл бұрын
Thanks for your efforts.
@banes4848
@banes4848 2 жыл бұрын
May God bless you 😍
@7upgaming463
@7upgaming463 3 ай бұрын
Thank you so much 👍👍👍 anna
@devendhiran7600
@devendhiran7600 2 жыл бұрын
TJ பேமிலி சார்பாக நன்றி😍
@thamaraiselviv
@thamaraiselviv Жыл бұрын
Sir please put video for data structures
@bikobaki1148
@bikobaki1148 2 жыл бұрын
nalaereke sir nandri
@LifeFactStorys
@LifeFactStorys Жыл бұрын
Sir,Any Project ideas and assignment kudunga sir, Practice panna easy as irukum sir
@reka1434455
@reka1434455 Жыл бұрын
Thank you brother❤
@shaikhanis148
@shaikhanis148 Жыл бұрын
Really nice
@RameshKumar-go7jy
@RameshKumar-go7jy Жыл бұрын
Sir , Pls share the complete pdf for this course. It will be very usefull
@sriram-cc4tr
@sriram-cc4tr 8 ай бұрын
thank you so much sir...😇😇😇😇😇
@sureshjotham
@sureshjotham 2 жыл бұрын
Most awaited 👍👌
@ranjithkumark8535
@ranjithkumark8535 2 жыл бұрын
Thanks for u helpful to viedo ♥️
@ArunKrishna-ms3pl
@ArunKrishna-ms3pl 2 жыл бұрын
Very nice content anna ❤️❤️❤️❤️❤️
@kidschannel7643
@kidschannel7643 Жыл бұрын
Bootstrap full topic cover panni vdo poduga bro pls 😢
@DJS_studio
@DJS_studio 2 жыл бұрын
Thank you sir I'm new subscriber thanks for your wonderful efforts 🙏🙏🙏❤️
@tamilprogrammer
@tamilprogrammer 2 жыл бұрын
🔥🔥🔥
@ARUNKumar-lq2ni
@ARUNKumar-lq2ni 2 жыл бұрын
I am very much obliged to you🙏🏾🤝
@gokul.ashwanth
@gokul.ashwanth Жыл бұрын
Sir what are the extension did you used in css (vsc )
@ahmedusama152
@ahmedusama152 2 жыл бұрын
Very very thanks❤❤❤
@bikobaki1148
@bikobaki1148 2 жыл бұрын
sir umbe nandri sir
@karthikan391
@karthikan391 10 ай бұрын
completed css 10.31.45 hrs tnx bro
@manikandanrajamani714
@manikandanrajamani714 2 жыл бұрын
Very helpful sir.
@mohamedzubair7801
@mohamedzubair7801 Жыл бұрын
Good Guide Sir.. any ui/ux related videos going to update? Does Front end help to uiux design?
@coolbaby6204
@coolbaby6204 2 жыл бұрын
Thank you soo much sir..❤
@raj9214
@raj9214 2 жыл бұрын
Thanks you so much for that sir 💞
@ashwinbalaji8567
@ashwinbalaji8567 2 жыл бұрын
Nandri Anna❤️🔥👍