Take me back!! I want my CSS!! Click me to get back :)


CSS (Cascading Style Sheets) is the language that makes the web look nice.

While HTML tells the browser what different parts of the page are, CSS says what those pieces should look like. For example, p means paragraph in HTML. If we wanted to make all of our paragraphs pink and bold, we’d do something like:

p { color:pink; font-weight:bold; }

CSS is written in a plain text editor and saved with a .css at the end of the filename. CSS lets you add color, fancy fonts, drop shadows, padding and everything else hip and stylish to a web page.

Want to guess how we’d add a 10 pixel border to a paragraph, and then turn the background color red? You got it!

p { padding:10px; background-color: red; }

See! CSS is not so hard, it’s practically common sense.

Now try this!
  1. Open up http://skillcrush.com/css/style.css This is the CSS for skillcrush.com
  2. Poke around and see if you can find out what font we are using for our paragraphs
Cocktail Party Fact

Much to the chagrin of web developers everywhere, different web browsers can understand the same CSS differently. As a result, making a site look the same for everyone can sometimes be a chore.

Getting sites to look right on older versions of Internet Explorer can sometimes double the time spent on CSS! Mention IE6 to a web developer to watch them break out in hives.

Want more articles like this?

Sign up to get the most recent tech news, tips and career advice.

  • SL30

    love this site!

Wondering if TECH might be right for you?

Sign up for FREE for weekly updates & fun lessons!