CSS Tutorial for Beginners | Complete CSS with Project, Notes & Code

You can join the NEW Web Development batch using the below link.

Early bird offer for first 5000 students only!

---------------------------------------------------

📌 Details about the Delta 3.0 Batch :
- Start Date : 7th November, 2023
- Alternate day lectures (at 8PM)
- Duration - 4.5 months
- Each Class duration : 1.5 hour-2hour (alternate days)
- Access to the course is for 2 years
- Complete Frontend Development with HTML, CSS, Javascript & ReactJs
- Complete Backend Development (NodeJs, ExpressJs)
- Complete Database -( SQL & MongoDB)
- Complete MERN Stack (MongoDB, Express, React, Node)
- Real Life and Industry Grade Projects
- Live Mentorship Sessions
- 500+Topic Videos
- Certificate will be given on Completion.

[chanakyakhobragade]

Level 1 - 12:14
- Syntax - 15:47
- Including CSS - 19:53
- Color - 28:48
- Background color - 34:10
- Color system - 39:44
- Color palette - 54:40
- Selectors - 56:38
-- Pratice set 1 - 1:04:55
- Text - 1:17:26
- Units in CSS - 1:42:02
-- Pratice set 2 - 1:48:52
Level 2 - 1:55:44
- Box model in CSS - 1:55:48
- Height - 2:01:26
- Width - 2:03:46
- Border - 2:06:09
- Padding - 2:16:12
- Margin - 2:21:36
-- Pratice set 3 - 2:24:49
- Display property - 2:38:18
- Visibility property - 2:47:40
- Alpha (opacity) - 2:48:31
-- Pratice set 4 - 2:52:33
Level 3 - 3:02:48
- Units in CSS - 3:02:55
- Percentage - 3:04:26
- em - 3:09:19
- rem - 3:13:17
- vh and vw - 3:14:57
- Position - 3:16:15
- static - 3:16:56
- relative - 3:21:00
- absolute - 3:22:45
- fixed - 3:26:26
- sticky - 3:29:40
- z-index - 3:30:49
- Background image - 3:36:50
- Background size - 3:40:25
- Background repeat - 3:42:54
-- Pratice set 5 - 3:43:46
Level 4 - 3:50:33
- Flexbox - 3:50:48
- The Flex model - 3:53:56
- Flexbox direction - 3:58:17
- Flex properties for Flex Container [justify-content, flex-wrap, align-items, align-content] - 4:03:53
- Flex properties for Flex Item [align-self, flex-grow, flex-shrink] - 4:10:59
-- Pratice set 6 - 4:18:36
- Media queries - 4:34:55
-- Pratice set 7 - 4:43:16
Level 5 - 4:47:32
- Transition - 4:48:26
- Transform - 4:59:04
- rotate - 4:59:26
- scale - 5:05:17
- translate - 5:09:00
- skew - 5:12:34
- Animation - 5:13:37
- Animation shorthand - 5:25:15
- Animation % - 5:28:00
-- Practice Set 8 - 5:29:31
Project Amazon Clone - 5:38:33

[rahad]

We need this type of javascript tutorial also

[premshinde]

<div class="LotsOfLoveDidi" style="background-color: pink;"> Thank You, learnt a lot from this video</div>

[ahsankhan-oenw]

hey there is none like you the way you teach is absolutely incredible, friendly especially for beginners who doesn't know the ABC of programming languages

[djpatell]

Start::
Level 1 - 12:14
•Intro
•CSS Syntax
•Types of adding CSS
•Colors
•Background Color
•Types of Selectors
•# Id and . class selector
•Pratice set 1 - 1:05:00
•Text properties
•Font properties
•Absolute Units in CSS
•Pratice set 2 - 1:48:52
Level 2 - 1:55:44
•Box Model in CSS
•Pratice set 3 - 2:24:48
•Display property
•Alpha Channel
•Pratice set 4 - 2:52:32
Level 3 - 3:02:48
•Relative Units in CSS
•Position properties
•Z-index
•Background size
•Pratice set 5 - 3:43:45
Level 4 - 3:50:33
•Flexbox
•Pratice set 6 -4:18:36
Level 5 - 4:47:32
Transition - 4:48:26

[junaidkhan-ju]

Wow. Such an incredible way of teaching. You have lots of skills. You deserve a high status in Coder's Life. I have no words for appreciate your effort in coding life.

[Shrikant_]

didi tumchya ya lecture ne life change zali ahe mazya jivnala navin diksha milali aahe thanks a lot for these lecture and teach me🥰

[muhammadafzal_freelancer]

Completed the whole lecture in 2x. Did practical on each step. It took me 5 days to complete this. Thank god I found it. It helped a lot.

[arpanghosh]

Didi, just want to thank you from the bottom of my heart.🙂, you explained CSS beautifully, all the concepts were very easy to understand. I'll definitely come back here anytime I need to revise my CSS in the future.

[BinaryBites-peyw]

only 1% will watch this video completely. if you are then like

[Praneeta_Dheeraj-Born-to-dance]

The way you explain all the topics it really much needed and very helpful.Thank you so much

[arjunthapa]

श्रद्दा दिदी, नमस्कार।
मै अर्जुन थापा, नेपाल से।
मैने आपको HTML और CSS Full course आपका Channel से सिख गया। आपका सिकानेका Strategy बहुत अच्छा लगा।
मेरा दिल तो गार्डेन गार्डेन हुआ, , दिदी।।।
उम्मिद करता हु, , भबिस्य मे आप ऐसा ऐसा भिडियो बनाकर Upload किजिए ता कि हम भि कामयाबी बन सकु।
धन्यबाद दिदी ❤❤❤

[dibayanroy]

It's takes lots of work behind-the-scenes we appreciate your work...
Thank you for this lovely highly productive content ❤

[samanrazzaq]

Thank youu soo much mam boht kuch seekhny ko mila is pori video mn... finally aj meri video complete ho gai with final project and practices

[harshpandey]

You literally taught it in the best Possible way I went from 0 to 90+ with this video itself

[asmfiroz]

mind blowing presentation...Fantastic! Clear explanations and practical examples make learning CSS a breeze. Thank you!🙌

[kjrxbob]

Although there are many people on yt teaching coding but it's her energy to teach that attracts students. Thanks alot✨

[owais]

very nice css course and it is absolutely for beginners and does not require any knowledge before.

[satyamdograreallife]

This is my First Time absorbing information from you & your channel. I can easily say, you make the process of learning ceaseless for guys like me who wanna fubar the keyboard when asked to code. I legit detest coding, to this day I do, even after you teaching it. Somethings in life you can't change your opinion & feelings for, but even while hating it your explanation is so grandeur, it just slid in my mind easy. Thanks for being the way you just did it for me.

[oneminvibes]

I'm 30 years old. I learned basics in school and never continued. It took me 10 days to complete this video and practice. I can say I got 90% hold of everything that is taught in this video. I want to say this video is really good for the beginners. Thank you "Shraddha didi".