What is: CSS Style Language

 

Peter Jobes

Definition of CSS (Cascading Style Sheets)

Cascading Style Sheets (CSS) is the style language that describes the layout of HTML elements such as fonts, margins, colours, height, width, backgrounds, etc. Controlling these from a single style sheet allows for consistency across the entirety of a website or blog.

Here is an example of typical CSS:

.post-content p{
	font-family:'Roboto', sans-serif !important;
	line-height:30px;
	color:#0c0c0c;
	font-size:16px;
	font-weight:300;
}

While HTML is used to structure your content, CSS is used to format your structured content.

In the days before the inception of the formatting system, webmasters simply used HTML to set their site up on the fledgeling World Wide Web. The problem was that a developer had limited control of how their content was delivered online – with early HTML only offering prompts to write headline text and paragraphs. So when the Chief Technical Officer of Opera, Håkon Wium Lie, published a 1994 article entitled ‘Cascading HTML style sheets — a proposal,’ he was essentially firing the starting pistol for the revolution of how websites are viewed.

Since the implementation of the CSS formatting, users have been able to incorporate increasingly alluring layouts with precision and the convenience of embedding media links, too. Webmasters are also, significantly, able to add many different documents to the same page of text, paving the way for the world of blogging that we’re familiar with today.

Significantly, CSS allows us to run a consistent theme on a blogging platform in a way that keeps the layout, fonts and menus intact throughout however many pages your page may have.

Lie, The man behind the creation of CSS, has since spoken to Dev.Opera about the impact his idea had on HTML, claiming that a World Wide Web without Cascading Style Sheets would’ve left its users dependent on creating text filled images to express their creativity online: “In my first real publication on the web, I resorted to making images with text in it — you can see it in this publication from 1993. If this development had continued, the web would have become a giant fax machine where pictures of text would be passed along. This would have been terrible for blind users and search engines alike. CSS was proposed to prevent this development by giving authors a way to express their designs without adding new HTML tags.”

Tip: All blogging platforms utilise CSS, so be sure to get the most out of the freedom to design whatever you like in an appealing way to your readers. The beauty of the formatting options is that you can make your page as simple or elaborate as you want – just avoid cluttering your site with meaningless fancy backgrounds and widgets, and likewise, keep away from making your pages look plain and boring.

Further Reading:

1. Yellow Pencil: The Best Visual CSS Editor Plugin For WordPress

2. How To Easily Show Code Snippets On Your WordPress Website

Full Disclosure: This post contains affiliate links, which means that if you purchase or sign-up with one of the services, we may receive a commission.


Peter Jobes

Content Marketing Manager

Get free online marketing and blogging insights
Unsubscribe at any time

Previous

Next

Cookies!

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By using this website, you agree to the Cookie Policy & Privacy Policy. If you want to know more or withdraw your consent, please refer to the cookie policy & privacy policy, or use our cookie settings page.