<p>CSS is a very vast topic and can be intimidating to people getting started with CSS and can cause imposter syndrome. </p>
<p>But, worry not here is a list of the topics you need to learn if you're just getting started with CSS and you can learn the else on the fly while working on a project.</p>
<h2 id="css-basics">CSS Basics</h2>
<ul>
<li>Adding CSS (Inline, Internal and External)</li>
<li>CSS Selectors (Classes and IDs)</li>
<li>Display property</li>
<li>Fonts and other formatting properties</li>
</ul>
<h2 id="elements-arrangement">Elements Arrangement</h2>
<ul>
<li>Float and Clear</li>
<li>Positioning</li>
<li>Box Sizing</li>
</ul>
<h2 id="layouts">Layouts</h2>
<ul>
<li>Flex</li>
<li>Grids</li>
</ul>
<h2 id="responsive-design">Responsive Design</h2>
<ul>
<li>Text effects</li>
<li>Images and video resizing</li>
<li>Different Viewports</li>
<li>Media Queries</li>
</ul>
<h2 id="advanced">Advanced</h2>
<ul>
<li>CSS Variables</li>
<li>Transitions and Animations</li>
<li>2D and 3D transforms</li>
<li>Shadows and Gradients</li>
</ul>
<h3 id="tldr">TL;DR</h3>
<ul>
<li>CSS Basics</li>
<li>Elements Arrangements</li>
<li>Layouts</li>
<li>Responsive Design</li>
<li>Advanced</li>
</ul>
<p>That was it for this blog post. Thank you for reading it till the end.</p>
<p>If you liked it, do give your views and opinions in the replies section below.</p>


CSS is a very vast topic and can be intimidating to people getting started with CSS and can cause imposter syndrome. 

But, worry not here is a list of the topics you need to learn if you're just getting started with CSS and you can learn the else on the fly while working on a project.


## CSS Basics

- Adding CSS (Inline, Internal and External)
- CSS Selectors (Classes and IDs)
- Display property
- Fonts and other formatting properties


## Elements Arrangement

- Float and Clear
- Positioning
- Box Sizing


## Layouts

- Flex
- Grids


## Responsive Design

- Text effects
- Images and video resizing
- Different Viewports
- Media Queries


## Advanced 

- CSS Variables
- Transitions and Animations
- 2D and 3D transforms
- Shadows and Gradients


### TL;DR

- CSS Basics
- Elements Arrangements
- Layouts
- Responsive Design
- Advanced

That was it for this blog post. Thank you for reading it till the end.

If you liked it, do give your views and opinions in the replies section below.


Here is a list of the topics that you should learn if you're a beginner with CSS

Shubhra Agarwal

Shubhra Agarwal

CSS Concepts every beginner should know

CSS Basics

Elements Arrangement

Layouts

Responsive Design

Advanced

TL;DR