CSS CSS

CSS is the language that decides how a web page looks, and because it sits in its own file, one change there restyles every page at once.

Also known as Cascading Style Sheets stylesheet web page styling

Definition

CSS is the language that decides how a web page looks, from the colours and fonts to the spacing and the width of a column. It also decides what moves when the mouse passes over something, while the words and pictures themselves come from HTML. CSS is the layer laid over that plain text to make a page look like your business rather than an ordinary document.

The idea behind that is simple, and it is the whole reason CSS exists. The styling lives in its own file, away from the text, so one line in that file sets the colour of every button on every page. Change that line once and the whole site changes with it.

That is the theory, and in practice it becomes the one question worth asking a supplier before you buy anything. If we change our brand colour next year, how many places does someone have to edit? On a carefully built site the answer is one place, because the colour is written down once and every button points at it. On a site assembled in a hurry the same colour sits in four hundred places, so a simple rebrand turns into a small project. Both sites look identical on launch day, which is why the difference only shows up later, when you finally ask for the change.

CSS is also what lets one website fit a phone, a tablet and a desk screen, because the same page rearranges itself to the space it is given. So a separate mobile site is an old way of working, and it doubles everything you have to keep updated. The same layer handles Arabic, because a good stylesheet flips the whole page from right to left without a second site being built. That is how Linkysoft ships bilingual sites.

It is easy to underrate CSS because it looks like decoration, and it is not. It decides whether text stays readable on a phone in sunlight, whether a button is big enough for a thumb, and how fast the page appears. That is why a heavy stylesheet, full of rules nobody uses any more, slows down every page on the site. So when Linkysoft takes over a website design and build, we usually delete more rules than we write. The same discipline applies inside a web application, where hundreds of admin screens should share one set of styles instead of each carrying its own. The words on those screens still come from HTML.

Questions about CSS

What is the difference between HTML and CSS?
HTML puts the content on the page. CSS decides how that content looks. One page can be restyled completely without changing a word of the text.
Do I need CSS to have a mobile-friendly site?
Yes. Fitting a phone screen is done with CSS rules that change the layout at different widths. It is the same page, not a second website.
Can I change my site's colours myself?
Often yes, if the system keeps the brand colours in its settings. If it does not, ask how many files a colour change touches before you agree a price.
Can CSS slow a website down?
It can. Every stylesheet has to arrive before the page can be drawn. Unused rules left over from an old theme are a common reason a site feels slow on a phone.

Still not sure how this applies to your project?

Tell us what you are building and we will answer in plain language.