loading...

History of CSS

ziizium profile image Habdul Hazeez Updated on ・3 min read

FrontEnd Development Zero to Hero (67 Part Series)

1) FrontEnd Development: Zero to Hero 2) What is the Internet 3 ... 65 3) What is the Web 4) Web Browsers 5) Tools for Web Development 6) Introduction to HTML 7) History of HTML 8) The HTML specification 9) HTML Elements and Tags 10) Replaced Element and Void Element 11) Writing Accessible HTML 12) Validating HTML documents 13) HTML Resources and Reference 14) Introduction to CSS 15) History of CSS 16) The CSS Specification 17) CSS Properties 18) CSS Selectors 19) CSS Units 20) CSS Specificity 21) The CSS Cascade 22) CSS Inheritance 23) The CSS Box model 24) CSS Margin Collapse 25) CSS Positioning 26) CSS z-index 27) CSS colors 28) CSS Backgrounds 29) CSS Variables 30) CSS Floats 31) CSS Block Formatting Context 32) CSS Flexbox part 1 33) CSS Flexbox part 2 34) CSS Grid part 1 35) CSS Grid part 2 36) CSS Media Queries 37) CSS Typography 38) CSS Animations and Transitions 39) CSS Naming conventions 40) Writing maintainable CSS 41) CSS References and Resource 42) Introduction to JavaScript 43) History of JavaScript 44) The EcmaScript specification 45) Introduction to programming 46) JavaScript Variables 47) JavaScript Arrays 48) JavaScript Objects 49) JavaScript Numbers 50) JavaScript Conditionals 51) JavaScript Loops 52) JavaScript Functions 53) The Document Object Model 54) Introduction to Ajax 55) JavaScript References and Resource 56) Introduction to Web Design 57) History of web design 58) Site Layouts in CSS 59) Introduction to Responsive web design 60) Introduction to Progressive Enhancement 61) Introduction to User Interface design 62) Introduction to user experience design 63) Introduction to Web accessibility and usability 64) Introduction to Color theory 65) Web design References and resource 66) Series final project 67) Building your career as a developer

At first glance of the title, you might wonder, a history lesson in CSS? Well to appreciate the current state of CSS lets literally go back in time to know how it all started, its purpose of creation, its evolution, and what the future might hold.

We can trace the roots of CSS back to the year 1994 when Håkon Wium Lie proposed it while working with Tim Berners-Lee at CERN.

At the same time, several stylesheets were proposed and discussions on public mailing lists and World Wide Web Consortium (W3C) resulted in the first W3C CSS Recommendation being released in the year 1996. Bert Bos also made an influential proposal and became the co-author of CSS1 and therefore regarded as one of the creators of CSS.

Before the creation of CSS, Stylesheets had existed in the 1980s at the inception of Standard Generalization Markup Language in the form of DSSL (Document Style Semantics and Specification Language) AND FOSI (Formatting Output Specification Instance), both were not suitable for pulling stylesheets from multiple sources. Which led to the creation of CSS, thus removing this barrier.

Over the years CSS has evolved with additional features that havv elevate its status from a simple styling language. Some effects like Animations, Transitions, Transforms that were only possible with JavaScript are now possible with just plain CSS.


CSS VERSIONS

When we give a detail or brief history of a technology associated with the Web (or software in general),we cannot do without mentioning its Versions that has existed over time and CSS is no different. Versions of software can give us a timeline of the development of the software and each version number can indicate what was added or removed from the software.

CSS1

CSS1 or CSS Level 1 was released in 1996 and had features for customizing text on a web page and changing background color. It also had properties for spacing words, letters, and lines of text. Web browser support was minimal and thus prevented the popularity of CSS Level 1 for several years.

CSS2

CSS level 2 (CSS2) specification was developed by the W3C and published as a recommendation in 1998. Its added properties for positioning that allowed CSS to be used for page layout . It also introduced styles for other media types and more sophisticated methods for selecting elements for styling.

CSS2.1

CSS 2.1 was a revision which fixed some errors in CSS2. It removed features that were poorly supported and adds already implemented browser extensions. Due to the nature of W3C Process for standardizing technical specifications, CSS 2.1 Specification switched from Working Draft status and Candidate Recommendation status for several years until February 25, 2004 when It became a Candidate Recommendation only to be reverted to a Working Draft on June 13 of the same year.

It attained a Candidate Recommendation status on 19 July 2007 and was updated twice two years later in the year 2009. The following year, on 7 December 2010 , it was again reverted to Last Call Working Draft due to some changes and clarifications.

CSS 2.1 went to Proposed Recommendation on 12 April 2011. After being reviewed by the W3C Advisory Committee, it was finally published as a W3C Recommendation on 7 June 2011.

CSS3

Work on CSS3 began in 1998 a year after CSS2 was published. CSS3 is an extension of CSS 2.1 that adds features like Transforms, Animations to name few and it's not a single specification like its predecessors (CSS1 and CSS2) but rather a different modules of features that can be worked on by different authors at different paces. Each module is a standalone specification for a subsection of CSS, like color, selectors or backgrounds as shown in the image below.

CSS Specification

That's it for the History Lesson. Next, we'll talk about the CSS Specification(s).

FrontEnd Development Zero to Hero (67 Part Series)

1) FrontEnd Development: Zero to Hero 2) What is the Internet 3 ... 65 3) What is the Web 4) Web Browsers 5) Tools for Web Development 6) Introduction to HTML 7) History of HTML 8) The HTML specification 9) HTML Elements and Tags 10) Replaced Element and Void Element 11) Writing Accessible HTML 12) Validating HTML documents 13) HTML Resources and Reference 14) Introduction to CSS 15) History of CSS 16) The CSS Specification 17) CSS Properties 18) CSS Selectors 19) CSS Units 20) CSS Specificity 21) The CSS Cascade 22) CSS Inheritance 23) The CSS Box model 24) CSS Margin Collapse 25) CSS Positioning 26) CSS z-index 27) CSS colors 28) CSS Backgrounds 29) CSS Variables 30) CSS Floats 31) CSS Block Formatting Context 32) CSS Flexbox part 1 33) CSS Flexbox part 2 34) CSS Grid part 1 35) CSS Grid part 2 36) CSS Media Queries 37) CSS Typography 38) CSS Animations and Transitions 39) CSS Naming conventions 40) Writing maintainable CSS 41) CSS References and Resource 42) Introduction to JavaScript 43) History of JavaScript 44) The EcmaScript specification 45) Introduction to programming 46) JavaScript Variables 47) JavaScript Arrays 48) JavaScript Objects 49) JavaScript Numbers 50) JavaScript Conditionals 51) JavaScript Loops 52) JavaScript Functions 53) The Document Object Model 54) Introduction to Ajax 55) JavaScript References and Resource 56) Introduction to Web Design 57) History of web design 58) Site Layouts in CSS 59) Introduction to Responsive web design 60) Introduction to Progressive Enhancement 61) Introduction to User Interface design 62) Introduction to user experience design 63) Introduction to Web accessibility and usability 64) Introduction to Color theory 65) Web design References and resource 66) Series final project 67) Building your career as a developer

Posted on by:

ziizium profile

Habdul Hazeez

@ziizium

I teach and write code with interests in Web Development, Computer Security, and Artificial Intelligence.

Discussion

markdown guide