Home

WTF is CSS?

A brief description of CSS, before suggesting a couple free courses.

CSS stands for cascading style sheets, and that's very much what they are — files that contains a set of rules to control the presentation of an HTML document (i.e. a web page/). The cascade part means that when rules conflict, those that are read later (i.e. lower in the file/) take precedence over those read earlier.

The primary responsibility of CSS is to separate presentation from content. The content and structure of a web page is determined by HTML being sent from the web server to the browser that you're using, while CSS controls how that content appears on the page.

For example, in that previous paragraph, the HTML looks something like this:

<p>
The primary responsibility of CSS is to separate presentation from content.
The structure and content of a web page is determined by HTML being sent from
the web server to the browser that you're using, while CSS controls how that
content <em>appears</em> on the page.
</p>

That doesn't tell the browser how to render the content, beyond the reasonable defaults it may have in place for paragraph (<p>) and emphasis (<em>) elements.

But when my web server sent your browser that bit of HTML, it also told it to include some CSS alongside it. And the CSS is what is responsible for determining presentation, like:

  • Font
  • Text size and spacing
  • Text color
  • Spacing around the paragraph

Since there are so many resources on CSS out there, that's where I'll stop this intro. If you want to dig in further on CSS, I'd suggest starting with a free course, like this one from Codeacademy or this video on HTML and CSS from freeCodeCamp.

Let's Connect

Keep Reading

WTF is HTML?

A brief description of HTML, before suggesting a couple free courses.

Jun 24, 2020

CSS !important - What is it?

Learn what the !important flag does in CSS.

Dec 22, 2012

Simplify CSS Measurements using REMs

Using REMs exclusively for measurements in CSS is a handy tool for enforcing a stronger design system.

Nov 29, 2018