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

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

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

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

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

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

[@akashmillan5426]

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

[@kumars6190]

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

[@manimaran3926]

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

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

[@streamcalter442]

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

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

[@Linga_M]

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

[@Mohan_Tech001]

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

[@barath.m2685]

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

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

[@mrak870]

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

[@sivaselvi6791]

Extra ordinary class sir. Hats off to you

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

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

[@prabudbz23]

Very detailed and easy to understand 👌

[@karthickg9453]

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

[@samprakash9897]

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

[@saravanakumari9538]

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

[@Sengottaiyan43]

Hi Sir 😊, your RUclips 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 ❤🙏.

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

[@thirumurugan8186]

Ninga eppavum vera level super tutor..... 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 👍🏻👍🏻

[@valarvijay7315]

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

[@meenakshiselvaraj665]

Thanks!

[@moulishwaran8823]

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

[@vensvens2213]

Thank u for your great effort sir...

[@arthip7101]

Thanks for your beautiful work sir 👍

[@TechTalentHive]

Really useful video for me . thank you.

[@maajidhassan]

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

[@GopiGopi-ls3py]

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

[@prabuyuvi839]

Thalaivare Vera level❤😍

[@naveen.a4216]

Vera level bro 💐

[@vigneshperumal4809]

Superb explanation and extraordinary effort

[@mind_flayerr]

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

[@user-zc1il4wz6w]

Thanks a lot Sir
always support you

[@heartrajan84]

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

[@pavithrasubburajsai]

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

[@shahnaz9026]

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

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

[@Arjun1197]

Romba Nandri👌👌

[@aharish9490]

Thanks for your efforts.

[@kishore700]

Thank you for your all the videos sir

[@rithikilango1035]

Semma Thalaiva...

[@vignesht5351]

Wow wonderful video bro .keep going...🤩

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

[@mageshwarisakthivel1257]

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

[@major4853]

Vera lvl neega mass ❤

[@mubena3986]

Seriously very super bro 👌

[@littleyohantfamily]

Most awaited 👍👌

[@mohamedmarjik123]

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

[@motivationda2067]

Inspiring me to become a techy...

[@user-cs5zh9lu5o]

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

[@manikandanrajamani714]

Very helpful sir.

[@mohamedzubair7801]

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

[@thamaraiselviv]

Sir please put video for data structures

[@RameshKumar-go7jy]

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

[@ChatGpt_Tutorial_Yt]

I cannot thank you enough ❤️
Wonderful Work ❣️

[@ArunKrishna-ms3pl]

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

[@raj9214]

Thanks you so much for that sir 💞

[@Muthusai88]

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

[@coolbaby6204]

Thank you soo much sir..❤

[@sharvesh.c3794]

Love you brother ❤️💯

[@faheemahmed9380]

Woooow thank you so much sir

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

[@aaravinthan001]

Wow goosebumps bro i waited for this video

[@ranjithkumark8535]

Thanks for u helpful to viedo ♥️

[@subashmookan4189]

Anna thanks lot roompa nallave solli tharinga

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

[@saranyasri3367]

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

[@bikobaki1148]

nalaereke sir nandri

[@suriyaprakash6088]

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

[@BalajiBalaji-ms8ui]

Lot off thanks...

[@ARUNKumar-lq2ni]

I am very much obliged to you🙏🏾🤝

[@p.akalyacse2276]

Superb anna
Good explanation

[@DJS_studio]

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

[@tamilprogrammer]

🔥🔥🔥

[@ashwinbalaji8567]

Nandri Anna❤️🔥👍

[@ahmedusama152]

Very very thanks❤❤❤

[@shaikhanis148]

Really nice

[@rmrtamiltechnology]

Thank you sir.

[@gokul.ashwanth]

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

[@reka1434455]

Thank you brother❤

[@venkatesann4799]

Very very thank you❤ anna

[@fun_facts007]

Nandri anna❤

[@arunkumar-mm2nf]

Thank you so much

[@connectingwithnatureasyout7370]

THANK YOU ANNA.

[@mujahasan1166]

good sir thank you soo much sir

[@malaikumara8452]

No words👍

[@sujikrish6493]

Tq so much ✨

[@karthickthala172]

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

[@mr.unkown8412]

Most waited video

[@sriram-cc4tr]

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

[@mohomedriyasath1224]

Thank you sir