CSS vs CSS 3

Hello, Guy's.

Welcome to CodeWithWebDev's blog.

In this blog, we will see the difference between CSS and CSS 3. Many people often get confused between CSS and CSS 3 and what to learn between them. So today we will discuss the difference.

Topics covered: 

# What is CSS?

# History of CSS

# Features Of CSS

# Why Learn CSS?

# CSS vs CSS 3

# Conclusion

# What is CSS?

CSS stands for Cascading Style Sheets, it is a language that is used to arrange or describe how HTML elements should be shown on the webpage, website, etc.

It describes the style of an HTML document. It can save us a lot of work as we can style complete websites and also multiple web pages. We can use CSS in HTML in 3 ways, but the most preferred method is using an External Style Sheet in which we write our CSS code.

Just like HTML is used to give structure to our site, CSS is used to design our site, add styles to our HTML elements, arrange them according to what we want. We can create amazing websites with animations, transitions, and much more using CSS.

# History

CSS was first proposed by Hakon Wium Lie on October 10, 1994. CSS was introduced as a web styling language. At that time a few other languages were also present such as Style Sheets for HTML & JSSS, but CSS was the most loved. 
CSS was introduced to overcome the problems of HTML 4.

After some time CSS 2 was developed & published as a recommendation by W3 in May 1998. It had many new features and possibilities.

CSS 3 was started in 1998, but till now it has not been completed. All CSS properties do not work on all browsers and it is still being developed. It was published in 1999.

CSS 3 was divided into modules, each module extends features of CSS 2 & brings new possibilities.

# Features

- Advantages

• CSS is important because it allows you to define a repeated style for an element once and use it multiple times because CSS can apply the appropriate styles automatically.
• The key benefit of CSS is that it applies style reliably across a wide range of websites. It is useful to be able to manage many areas with a single command.
• It helps us make instant changes.
• It is easy to learn & is not that complex.
• It is device-friendly.

- Disadvantages

• Lack of security.
• CSS 1 - CSS 3 can be confusing.
• If you are not consistent it can be complex to understand.
• Browser Compatibility.
• Does not work on all browsers.
• Compatibility issues.

# Why learn CSS

Learning CSS is very important. Why? It is important because it allows web designers, developers, bloggers, etc. to make websites attractive and unique. They can make the website look however they want. CSS lets us use different properties such as fonts, colors, page layout, add effects & images, and much more. to our site. 

Even though it was possible to add styles using HTML & old CSS, CSS 3 has made it a lot easier allowing us to be experimental with our work and be more creative. 

It has helped us to separate the presentation from the structure of the document into different files. 

If you have been following my articles for some time now, you might have already read this, but I'll say it again.

Learning CSS is very important, HTML provides structure to our site, whereas CSS helps us present and design our site. Without them, there is no website.

Now some people may say we can use frameworks, of course, you can but those frameworks also use CSS, and unless you know a little bit of CSS you cannot use many components of those frameworks too. 

So learning CSS is the next step you should take after learning HTML.

# CSS vs CSS3

CSS	CSS 3
CSS does not have or support responsive design.	CSS 3 has a responsive design and the website adjusts according to screen size.
Webpages load very slow and the design is also different.	Webpages load faster as compared to CSS, and the design also improved.
It works on all old browsers.	It is supported by new browsers only.
The animation was not that advance & required a different language.	Advanced animations are possible using CSS 3.
Media Queries are not supported in CSS.	CSS 3 supports media queries for responsive design.
The websites are not that mobile-friendly.	The Websites with CSS 3 are mobile-friendly.

# Conclusion

In this article about CSS & CSS 3, we learned about CSS 3 and how it is different from its predecessors.

CSS 3 enhanced many features and made development very easy. It added animation support. We can also use Vector Graphics using the Canvas & SVG. It also has better compatibility with improved parsing rules.

CSS is the styling language you need to learn if you are looking for a career in web development and its importance will increase in the coming years as everything is going mobile. So, best of luck! Hope this article on CSS vs CSS 3 has helped you.

Thanks a lot for keeping calm and reading this.
You know what to do and how to proceed.
You can contact me in case of any doubt or if you need assistance.
Let me know your thoughts in the comment section.

Follow me on:

1. Facebook 
2. Instagram
3. YouTube
4. LinkedIn
5. Udemy