Hello everyone👋!!

Learning HTML is not enough because it only structures the content, you need to learn CSS further in order to make your webpage look more good.

So today in this article I am going to talk about few points that you should know when starting to learn CSS. I am going to explain the basics of CSS, why it’s useful, and how you can learn it from basic (roadmap).

Let's get into it!!🔍

📍What is CSS📑?

CSS= Cascading Style Sheets

CSS means providing style to the webpage in order to make it look more attractive. You will understand better by the image given below:

I hope now you have got the power of CSS😅.

📍Why Should You Learn CSS🤔?

1. In order to become a front-end web developer, you must have an understanding of both HTML & CSS.
2. With CSS you can make various arts and become CSS artists if you have deep knowledge about it.
3. CSS is fun to learn, you will never get bored while learning CSS and every time you will study it, you will get new things to know.
4. You can draw anything with CSS whether creating a website or designing a car.
5. You can become a freelancer too by mastering CSS and earn money🤑.

That's pretty enough to know why you should learn CSS, let's dive into the next part.

📍How Hard Is It To Learn CSS😰?

CSS demands practice to master it!!

1. If you haven't read the above line, please read it again and then read further:)
2. CSS is vast and diverse but it's not that you can't learn it. It's easy to learn but mastering it is a bit of a task.
3. Learning CSS requires dedication and determination. You just need to be consistent and practice as much as you can.
4. If you study with someone else code then you can learn the basics of CSS but that's not enough until you break down the code on your own and understand it's working.
5. Once you put the effort to study CSS, you will soon realize that it’s not as hard as it may seem at first.

📍How To Start🧐?

Let me make it easy for you😉.

I have mentioned few points below that you should start learning to know the basics of CSS so that you would have a better understanding of how it works. There is no end to learn CSS♾️.

1. CSS Syntax (How to Code CSS)
2. Adding CSS to Website
3. CSS Class Selectors
4. CSS Id Selectors

5. CSS Font Properties

   • Font type
   • Color
   • Weight
   • Size
   • Alignment
   • Case
   • Line height

6. CSS Text Properties

7. CSS Height & Width Properties
8. CSS Background Code
9. CSS Box Model
   • Border
   • Margin
   • Padding
10. How to Style Lists
11. CSS Position Properties
    • Static
    • Fixed
    • Absolute
    • Sticky
12. CSS Float Properties
13. CSS Clear Properties
14. CSS Layers
15. CSS Flexbox & Grid (Most Important Topic To Learn)

Though I haven't mentioned all the properties these are the few and main properties that are required in order to make a responsive web design with CSS.

📍Resources To Learn CSS🗃️:

If you want to start from scratch or even beyond a beginner level, checkout below tutorials⬇️:

1. CodeAcademy
2. w3schools
3. MDN

That's it for the article, hope you have got some insights and answers to questions regarding CSS. Please share among your friends so that they can also learn from it.🤗

If you have any suggestions or modifications regarding the blog, please mention them in the comments, I would love to hear them😇.

As there is always scope for improvement.

Connect with me👩‍💻-

• Twitter

• LinkedIn

• GitHub

Check out my more articles below.