Special Note – White Space

This is not a tutorial in and of itself. It’s just something worth mentioning.

White space (not the programming language!) is most commonly used in programming to refer to any space that is left between particular bits of code as a result of specific characters. Since most commonly text on a computer (or on a blank piece of paper) is black on a white background – it’s been termed “white space” because it’s anywhere that “white” shows through.

So for example – the space bar, tab button, and in some cases the enter button – would all be “white space” characters.

Most computer languages (style sheet, markup, scripting, programming) – ignore white space. This means you could (if you wanted to) write ALL of your CSS code as a single line of text. Because the computer doesn’t care.

Most humans however do.

White space allows you to format your code in a way that is easy for YOU to read. And this changes depending on the person. Two students, working side by side for 4 years, with the same teacher – will often use completely different white space. Some of us even change our white space on a daily basis (which is one of the reasons the code examples on this page all have different examples of white space – even if they were all copied from one of my own stylesheets).

How you choose to do your white space in CSS is completely up to you. ALL of the following do the exact same thing:

b {


b{ color: white;}


As long as YOU can read it, and YOU know what it’s supposed to do and where it is – it’s fine.

The semicolons and the brackets are another story all together.

Note: Because OP uses TEXTILE formatting in the actual “content” side of the page – some of your white space actually matters when you are creating wiki pages etc. Using the enter button to leave a blank space when creating a wiki page is actually being saved as a break (<br/>) tag in your code. Sometimes white space matters!


Post Reforge CSS dawnhawk dawnhawk