Are you planning to learn CSS for adding some cool styling in your website?

In this thread, I'm covering all the basics and proper plan you need to know in order to getting started with CSS.

🧵 👇🏻

We need to know the importance of CSS first. Why CSS?

Well I guess CSS is the only language that add some visuals in website. Without CSS, Without it, websites would still be plain text on white backgrounds.

{ 02 / 17 }

Let's compare a website with and without CSS

Image 1: With CSS
Image 2: Without CSS

{ 03 / 17 }

I this should be enough to explain you why CSS is so important. So lets start

You can gain some decent amount of CSS knowledge in 30 days. And after that you will definitely able to create some good looking website. Let's see how 👇🏻

{ 04 / 17 }

First things first, you need to learn basic stuff

- How to link your CSS files with HTML file
- How to select elements so that you can add styling

{ 05 / 17 }

You must have used the border-radius property in CSS, but here is complete guide covering some of the hidden concept of it

🧵👇🏻

The border-radius CSS property rounds the corners of an element's outer border edge. You can set a border-radius in order to make round edges of sharp cornered box

Well we know that every element is a box in webpage. Consider that box clipped using 8 clips 👇🏻

We can adjust that clips in order to make distorted shapes

We can shift the position of eight clips and make some amazing random shapes.

The syntax is pretty easy, we can consider it as border-radius accepts 8 value for each clip, four value before slash (/) and four values after slash

Let's decode what each value means.

border-radius: 2px 4px 6px 8px / 10px 12px 20px 16px;

The first 2px simply means the distance of first clip from the top left corner and second value that is 4px means the distance of second clip from top right corner