Skip to main content

History of CSS: Origin and Evolution

History of CSS: origin and evolution of cascading style sheets

The history of CSS (Cascading Style Sheets) begins in 1994 and is directly linked to the evolution of HTML. In this guide you will discover the origin of CSS, who created it, how it evolved through CSS1, CSS2, and CSS3, and why today it is the tool that defines the appearance of the entire web. Understanding where CSS comes from helps you better grasp how modern web pages are designed.

The origin of CSS: who created CSS?​

The origin of CSS dates back to 1994, when Håkon Wium Lie, working at CERN (the same institution where Tim Berners-Lee developed HTML), proposed a new language to control the presentation of web documents. Lie identified a fundamental problem: HTML mixed content with visual appearance, making code difficult to maintain and scale.

His proposal was simple but revolutionary: separate content (HTML) from presentation (CSS). This would allow designers to control colors, typography, margins, and layouts centrally, without touching the HTML.

DivZone ad link Logo
AI PlatformTurn Code into Customers.Try it free

In 1996, the World Wide Web Consortium (W3C) published the first official specification, CSS1. This first version allowed basic styles to be applied: fonts, colors, margins, and text alignment. Although it was an important step, initial adoption was slow due to the lack of consistent support among browsers at the time.

What does CSS mean and what is it used for?​

CSS stands for Cascading Style Sheets. It is not a programming language or a markup language, but a style language: its purpose is to define the visual appearance of HTML elements on a web page.

With CSS you can control:

  • Colors and typography: text color, fonts, sizes.

  • Spacing and layout: margins, padding, element positioning.

  • Responsive design: adapting the page to different screen sizes.

  • Animations and effects: transitions, transformations, and animations without JavaScript.

Today CSS works together with HTML and JavaScript to build the entire visual experience of the web.

The evolution of CSS through its versions​

The evolution of CSS was constant from its first publication. Each version expanded design capabilities, from basic styles to complex layouts and animations.

VersionYearMain contribution
CSS11996Fonts, colors, margins, text alignment
CSS21998Absolute/relative positioning, z-index, media types
CSS2.12011Corrections and consolidation of CSS2
CSS32011+Independent modules: Flexbox, Grid, animations

In 1998, CSS2 arrived, introducing advanced positioning capabilities (position: absolute, position: relative), support for different media types (screens, printers), and greater control over page layout.

The development of CSS3 began in the 2000s with a modular approach: instead of a monolithic specification, CSS3 was divided into independent modules that browsers could implement progressively. This greatly accelerated the adoption of new features.

CSS3 and modern milestones: Flexbox and Grid​

The two biggest milestones of modern CSS are Flexbox and CSS Grid, which definitively solved the layout problem on the web.

Flexbox​

Flexbox (Flexible Box Layout) was designed to distribute elements in one dimension (row or column). It is ideal for aligning elements, distributing space, and creating responsive layouts easily:

flexbox.css
.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

CSS Grid​

CSS Grid allows creating layouts in two dimensions (rows and columns simultaneously). It is the most powerful tool for structuring complete pages:

grid.css
.page {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 1rem;
}

Beyond Flexbox and Grid, CSS3 added:

  • Transitions and animations: dynamic visual effects without JavaScript.

  • CSS variables (custom properties): reuse of values throughout the stylesheet.

  • Media queries: responsive design adapted to different devices.

  • Advanced selectors: greater precision for targeting specific elements.

A short timeline of the history of CSS​

  • 1994: Håkon Wium Lie proposes CSS at CERN.

  • 1996: The W3C publishes CSS1, the first official specification.

  • 1998: CSS2 introduces advanced positioning and media support.

  • 2011: CSS2.1 consolidates and corrects CSS2; CSS3 begins its modular rollout.

  • 2012–2015: Flexbox and Grid become stable in modern browsers.

  • Today: CSS evolves as a living standard with new modules (Container Queries, Cascade Layers, etc.).

Frequently asked questions about the history of CSS​

Who invented CSS?​

CSS was proposed by Håkon Wium Lie in 1994 at CERN, and the first official specification was published by the W3C in 1996.

In what year was CSS created?​

The proposal was born in 1994 and the first official version, CSS1, was published in 1996.

Is CSS a programming language?​

No. CSS is a style language that defines the visual presentation of HTML documents. It has no logic, native variables (until CSS3), or programming functions.

What does CSS stand for?​

CSS stands for Cascading Style Sheets. The term "cascading" refers to how styles are applied and inherited hierarchically.

Who maintains CSS today?​

CSS is maintained by the W3C (World Wide Web Consortium) through specialized working groups, with contributions from major browsers (Chrome, Firefox, Safari, Edge).

What is the latest version of CSS?​

There is no "CSS version 4." From CSS3 onward, the language is divided into independent modules that are updated separately. Each module has its own version level.

🚀 Practice CSS with DivZone AI

Now that you know the history of CSS, take your practice to the next level: generate a complete web page with DivZone AI and analyze the automatically generated CSS to see how Flexbox, Grid, and modern properties are applied in a real project.

Resources