CSS, or ‘Cascading Style Sheets’

CSS, or ‘Cascading Style Sheets’

CSS, or ‘Cascading Style Sheets’ 940 788 DJM digital

Our web developer, Basile, has unearthed a real gem when it comes to creative uses of CSS.

But what exactly is CSS? It is a computer language used to control the style and layout of a web page.

In practical terms, the structure of the page is managed by HTML (another web language), whilst its layout is handled by style sheets (or CSS). In HTML, you include identifiers (‘id’) which are then styled by CSS.

 

HTML

 

<div id="hello"></div>

 

CSS

 

#hello {
    background:#ff0000;
}

The identifier “hello” represents an element on a web page. Using the stylesheet, this element is customised and, in this instance, will appear on a coloured background (red in this case) thanks to the code “background: #ff0000;”.

The fun aspect of this website lies in the playful use of CSS. CSS is applied to real-life scenarios. Genuine CSS properties are used to create puns and visual gags.

If we look at the examples in the images above, ‘visibility’ and ‘float’ are properties actually used in the structure of a web page. When applied to a situation familiar to the general public, they take on a whole new meaning…