start learning
Image 1

Introduction to css tutorial

CSS , or Cascading Style Sheets , is a fundamental language for styling and formatting web pages. With CSS, you can control the visual presentation of HTML elements, from basic typography and layout to advanced animations and effects.

In this tutorial, we will cover the basics of CSS, starting with its history and evolution. We will explain how to write CSS rules, select HTML elements, and apply styles using various techniques. You will learn about the CSS box model, positioning, layout, typography, and responsive design.

Throughout the tutorial, we will provide examples and exercises to help you practice and reinforce your understanding. By the end of the tutorial, you will have a solid grasp of CSS fundamentals and be ready to explore more advanced topics.

Whether you're new to web development or looking to enhance your skills, this CSS tutorial is a great place to start. Let's dive in and begin the journey of creating visually appealing, dynamic, and responsive web pages with CSS!


In 1994, H책kon Wium Lie, a Norwegian web pioneer, proposed the concept of CSS while working with Tim Berners-Lee, the inventor of the World Wide Web. Lie's idea was to create a language that could describe the style and layout of web pages independently of the HTML markup.

The first version of CSS, known as CSS Level 1, was introduced in 1996 by the World Wide Web Consortium (W3C), the main standards organization for the web. CSS Level 1 provided basic styling capabilities, allowing web developers to change colors, fonts, and spacing of HTML elements.

Over the years, as web technologies and demands grew, subsequent versions of CSS were introduced. CSS Level 2, released in 1998, brought significant improvements, including better positioning, floating elements, and more precise control over styles.

CSS Level 3, which was introduced in 1999 and is still being developed today, expanded the capabilities of CSS even further. It introduced new modules covering various aspects of web design, such as selectors, borders, backgrounds, animations, and more. CSS3 also brought media queries, enabling responsive web design and allowing styles to adapt to different devices and screen sizes.