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

[@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]

3:03:23 😮

[@anasmajestic8542]

💯💯💯

[@pethukrishnan4295]

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

[@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]

💯💯💯

[@rithikilango1035]

Correct ah sonneenga thalaiva ❤

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

[@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]

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]

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

[@Hermoine_Granger999]

@@vigneshr5190 thank you bro... 😊

[@fanzo_muciq5464]

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

[@GowthamAroorar]

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

[@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]

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

[@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]

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

[@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]

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

[@kaviyac8975]

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

[@aravind7718]

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

[@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]

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]

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

[@mrak870]

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

[@sivaselvi6791]

Extra ordinary class sir. Hats off to you

[@thegreatindianlovestory]

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

[@RoopaSenthil]

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

[@tutorjoes]

Nice

[@aaravinthan001]

Itha complete panitu next enna pannanum sir

[@Jonesmusic07]

Bootstrap padinga bro​@@aaravinthan001

[@Balaganesh715]

Practice in your pac​@@aaravinthan001

[@mind_flayerr]

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

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

[@karthickg9453]

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

[@streamcalter442]

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

[@Lt_gaming14]

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]

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]

Thanks a lot Sir always support you

[@kumars6190]

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

[@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]

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

[@saranyasri3367]

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

[@valarvijay7315]

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

[@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]

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]

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

[@ramkumark1805]

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]

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]

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

[@barath.m2685]

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

[@prabuyuvi839]

Thalaivare Vera level❤😍

[@prabudbz23]

Very detailed and easy to understand 👌

[@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]

Bro nenga work pandringala? Unga Age ena Bro

[@pavithrasubburajsai]

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

[@motivationda2067]

Inspiring me to become a techy...

[@selvimari17]

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

[@violetorigins3837]

Same here

[@mageshwarisakthivel1257]

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

[@GopiGopi-ls3py]

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

[@major4853]

Vera lvl neega mass ❤

[@mubena3986]

Seriously very super bro 👌

[@Muthusai88]

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

[@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]

I cannot thank you enough ❤️ Wonderful Work ❣️

[@navin445]

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

[@zulfiqar7967]

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

[@vigneshperumal4809]

Superb explanation and extraordinary effort

[@naveen.a4216]

Vera level bro 💐

[@BarathBarath-xp9co]

Day 1 two hours completed❤

[@carolinvpm265]

I am a professor... ... And your student also

[@mohamedmarjik123]

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

[@bharatht9928]

I am heartly thanks you sir its big effort ❤

[@tutorjoes]

It's my pleasure

[@p.akalyacse2276]

Superb anna Good explanation

[@vignesh7784]

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

[@sathiya_YT]

Yes we want💌

[@tamilprogrammer]

Ok ... 👍

[@vivekm9902]

Yes we want

[@mohamedmarjik123]

Yes we want

[@dynoooshark]

Yes we want sir please

[@saravanakumari9538]

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

[@Arjun1197]

Romba Nandri👌👌

[@heartrajan84]

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

[@aaravinthan001]

Wow goosebumps bro i waited for this video

[@rithikilango1035]

Semma Thalaiva...

[@vignesht5351]

Wow wonderful video bro .keep going...🤩

[@vensvens2213]

Thank u for your great effort sir...

[@subashmookan4189]

Anna thanks lot roompa nallave solli tharinga

[@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]

Thanks for your beautiful work sir 👍

[@kishore700]

Thank you for your all the videos sir

[@sharvesh.c3794]

Love you brother ❤️💯

[@vignesh7784]

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

[@aharish9490]

Thanks for your efforts.

[@banes4848]

May God bless you 😍

[@7upgaming463]

Thank you so much 👍👍👍 anna

[@devendhiran7600]

TJ பேமிலி சார்பாக நன்றி😍

[@thamaraiselviv]

Sir please put video for data structures

[@bikobaki1148]

nalaereke sir nandri

[@LifeFactStorys]

Sir,Any Project ideas and assignment kudunga sir, Practice panna easy as irukum sir

[@reka1434455]

Thank you brother❤

[@shaikhanis148]

Really nice

[@RameshKumar-go7jy]

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

[@sriram-cc4tr]

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

[@sureshjotham]

Most awaited 👍👌

[@ranjithkumark8535]

Thanks for u helpful to viedo ♥️

[@ArunKrishna-ms3pl]

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

[@kidschannel7643]

Bootstrap full topic cover panni vdo poduga bro pls 😢

[@DJS_studio]

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

[@tamilprogrammer]

🔥🔥🔥

[@ARUNKumar-lq2ni]

I am very much obliged to you🙏🏾🤝

[@gokul.ashwanth]

Sir what are the extension did you used in css (vsc )

[@ahmedusama152]

Very very thanks❤❤❤

[@bikobaki1148]

sir umbe nandri sir

[@karthikan391]

completed css 10.31.45 hrs tnx bro

[@manikandanrajamani714]

Very helpful sir.

[@mohamedzubair7801]

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

[@coolbaby6204]

Thank you soo much sir..❤

[@raj9214]

Thanks you so much for that sir 💞

[@ashwinbalaji8567]

Nandri Anna❤️🔥👍