DEV Community

Shubhra Agarwal
Shubhra Agarwal

Posted on

3

CSS Concepts every beginner should know

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.

1️⃣ CSS Basics

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

2️⃣ Elements Arrangement

  • Float and Clear
  • Positioning
  • Box Sizing

3️⃣ Layouts

  • Flex
  • Grids

4️⃣ Responsive Design

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

5️⃣ 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.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more