CSS For Non-Web Developers - Tutorial - Part 1

If you don't consider yourself a front end web developer, you're not alone! I never used to want to learn CSS, but recently I've had to learn the basics of CSS so that I could do quite a bit of styling. I've realized that 90% of everything I've ever needed to do comes down to about 10-20 basic CSS properties that are super easy to learn and memorize. In this video I'll be showing what these properties are and how to use them, and in the next video in this series, I'll go through detailed examples of them. I hope you enjoy the video!

⭐️ Timestamps ⭐️

00:00 | Introduction
04:02 | Environment Setup
05:46 | CSS Styles
08:32 | CSS Selectors
14:21 | Colors and Backgrounds
18:52 | Block Vs. Inline
21:28 | Widths and Heights
31:22 | Box Model
37:25 | Flex Box
49:12 | Positioning and Z-Index

🔗Links🔗

◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️

◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️

⭐️ Tags ⭐️
- CSS
- CSS Tutorial
- Non-Web Developer

⭐️ Hashtags ⭐️
#CSS #techwithtim #CSS-Tutorial

[tornovdutta]

in few days i search css free course in youtube and i found it .it help me lot ..thank you😁😁😁

[eyalfischel]

Hey Tim, I am starting a new project that involves a lot of front-end (while I came with a back-end history). Thanks a lot for your help! It helped me to understand the basics.

[alanmunoz]

Once again, thank you tim for this great tutorial
The timing was perfect for me, I am currently learning HTML, CSS and JS fundamentals

[abdikhaliqmohamoud]

Although this seems beginners course. We always expect you newer things and we really found it each time. Thank you Tim.

[KamyanYT]

hey Tim this video is so helpful as I am trying to learn a new language.

[usamashami]

I just love your videos. ♡
So simple yet engaging, and you explain in a beautiful manner.
Thanks!

[felixc.programs]

Great video! Your content is really great and has helped shape me as a new Youtuber and also data scientist/software engineer. Thanks for the content!

[protopan]

For me i think learning flex box, display properties and position properties are the most important

[shadowstar]

Well bro I have a suggestion whenever you are making a tutorial video for a language give a problem to us that we have to solve by coding that will surely be better for us :)

[devoiddude]

This is exactly the video I was looking for, thanks mate.

[gorg]

This timing can't get any better!!

[marciojeovety]

"No longer will you have to look up how to center a div in StackOverflow"🤣🤣

[farhanjatt]

Thanks Tim. I have been struggling due lack of knowledge of CSS. I know django and html but no CSS makes me bad web developer

[faobi]

Yeees, i would love that practical part

[ninjahkz]

i'm relative new in css and html, I have so much difficulty to write them hahaha so thank you for this content tim!

[sabinajamie]

Hi Tim, I was wondering whether you could do something a little different. Like designing Shell in python. Would be really cool to see how you tackle this task. Thanks.

[Ben-oniDankyi]

thanks this really worked
If you can teach how to make a website responsive it will be cool

[ickynho]

In order to liveserver vscode plug-in to work, you guys also need turn on vscode auto saving file….

[jerrygeorge]

What did I learn?
The gap attribute.
Nice tutorial.

[TheCollectiveHexagon]

Anyone knows what extension/config he used for different color highlighting on class/id? 12:52