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

Close X

Skillcrush FREE 10-Day Bootcamp

Become a digital know-it-all in just 5 minutes a day!

CSS

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.

  • SL30

    love this site!