What Is CSS?
CSS is short for Cascading Style Sheets. Remember back in our first html tutorial we said that HTML was the structure or skeleton of a web page? You can think of CSS as the “skin” of the page. It tells the browser how a web page looks. A really good way to see this in practice is to go to CSS Zen Garden. Browse through all the designs. They all use the same HTML file. The only difference between them is their CSS file.
What Do You Need To Write CSS?
If you’ve been following my HTML series you already have everything you need. If you haven’t been through the HTML tutorial, check that out first before you start CSS.
Just like HTML, you’ll need an internet connection. I’m assuming that you have one already since you are reading this. You’ll also need a modern browser. Sorry, but NO Internet Explorer! Google Chrome, Firefox, Safari (for Apple users), and Microsoft Edge all work and all are free. Lately, I’ve been using Firefox Developers Edition.
The General Rule
The basic rule for css is that you “select” an html element using a selector, choose a property of the element (like “background-color”), and then give that property a value (for instance,”red”). The property and value are separated by a colon (:), go between curly braces, and end in a semi-colon (;). You can have as many properties in between the curly braces that you like. The second part of the screenshot below selects all h1 tags in an html file and sets their background color to red.
Where To Go For Help
Next post we’ll start going a little deeper into CSS.