We live in a world that’s OTT with acronyms and, unless you happen to possess an amazing memory, it’s unlikely you can remember them all.
The technology sector is particularly rife with acronyms a-plenty, including today’s topic, CSS.
What is CSS and what does it stand for?
CSS is used as a way of defining how HTML code is going to look on a website. Whereas HTML (Hypertext Markup Language) is used to create content, including written text, CSS alters the way a web page will look.
So, depending on the data they want to display, a developer might choose to have a page with tabs running across the top of the page, or along the side.
Or, another developer might choose to use headings and sub heading styles to ensure that the words leap off the page or, change or revamp an existing webpage entirely.
Perhaps the best way of describing what CSS does is to explain what a page would like if it didn’t use CSS.
Without CSS web pages are plain and far from inspirational. Words scroll across the whole page and are difficult to read. But, before CSS that’s exactly what web pages looked like.
The introduction of CSS is partly responsible for how the web looks and feels today. And, far from being created and therefore finished, it is a continually evolving language.
Why do we need CSS?Firstly, using CSS ensures that your web pages are consistent. Imagine a website with 100s of pages, now imagine having to input the code to define heading sizes, layout and other display data and mix that all in with the content each time you wanted to produce a new page. Also, imagine having a site with 100s of pages and being able to change just one of them while keeping all the rest the same – CSS also makes that a possibility. Using CSS delivers consistency where it is needed but is flexible enough to enable you to make changes to individual pages or sections.
Using CSS allows a user to specify;
- Colour of text and links
- Use colours in the text’s background
- Where and how boxes within the content look and are placed
- And…CSS also improves user accessibility, efficiency, flexibility and ensures browser compatibility.
Who invented CSS?
According to Wikipedia, the birth of CSS is largely credited to Norwegian Håkon Wium Lie, who back in 1994 sought to create a universal standardised style sheet for the World Wide Web.
The first site that Lie trialled CSS on was the Arena web browser. From its first creation, Lie went on to co-create CSS1, CSS2 and RFC 2318 versions with Tim Berners-Lee and Robert Cailliau. In its first decade of existence (1994 – 2004) CSS, in all its specifications, became an established web standard greatly influencing the look and accessibility of the world wide web as we know it today. CSS3 was issued in 1999.
Web standards are a topic that are close to Lie’s heart. Since delivering CSS he has petitioned major technology players such as Microsoft and other browsers to support common web standards and continues to develop CSS’s uses for web printing and pagination on screens.
What is the difference between CSS1, CSS2 and CSS3?
CSS (1996) allows the user to select font style and size and change the colour of the text and background.
CSS2 (1998) has capabilities that allows the user to design page layout.
CSS3 (1999) allows the user to create presentations from documents and to select from a wider range of fonts including those from Google and Typecast. Uniquely, CSS3 allows the user to incorporate rounded borders and use multiple columns. CSS3 is considered to be easier to use (when compared to CSS2) because it has different modules
What about CSS4?
The Working Group of W3C (w3.org), the group who discuss all technical aspects of CSS’s progression and answers queries from a public mailing list, are continuously working on improvements within CSS. Rather than creating an entirely new version called CSS4 it seems that the w3.org are adding new, smaller components to the existing CSS versions via extensions. But before we ask where CSS4 is, it’s worth noting that many argue that CSS3 doesn’t exist. Instead, CSS 3 and 4 are rather terms used to define any updates that happened after CSS2 (and are, therefore, officially called CSS2.1). In these terms, CSS4 has happened but it will never be called CSS4.
Of course, the limits to CSS’s capabilities are endless, hence they are continually developing. CSS-Tricks, a site that covers stories about the development of CSS amongst others, regularly encourages its readers to expand and experiment with CSS. For instance, one story reveals the fun/useful things to try with the Universal (*) selector. For instance, using a border-box on web pages or transitions to pimp a WordPress site.
How do you learn CSS?
As much as CSS is a practical tool for web developers it is a language and therefore, something that people can learn, much like learning to speak French or Japanese. Rather than having to learn every single piece of code by heart, it’s possible to look up properties using a CSS reference site.
Finally, where would we be without CSS?
In short, we’d be using a very basic looking web. The web as we know it today couldn’t exist without CSS. An analogy commonly used is of building a house. While you could build a home only using beige bricks (HTML) it would have no features whatsoever. So, you could forget about colour on the walls, decoration, interesting architecture and visual effects. The web would be ‘vanilla’ and not the colourful, revolutionary and stimulating medium that we currently enjoy.