Beginning CSS
Written by Jen

I personally find CSS a lot better than HTML because there are so many things you can alter and set in one go. But then others find CSS a lot more challenging than HTML, which is why more people stick with HTML than CSS.

To begin a Cascading Style Sheet, you will need to use the following opening tag:

<style type="text/css"> The type="text/css" is not necessary, and you may notice that on Neopets when their filters automatically delete that part. I like to keep it in there because it adds extra definition, just in case.

Then after that opening tag, you will have all your elements and properties added inside, and closed off with:

</style> Most of the CSS guides here will skip the opening and closing part and go straight on to what goes in between so just keep in mind that you do need the opening and closing tags for your stylesheet to work.

What are Elements
Elements are the things that usually open an HTML tag, like table, body, div, even smaller things like b, a and img. As long as you can open an HTML tag with it, it is a CSS element. Sometimes the elements will look different to their HTML counterparts, but the basic idea will still be recognisable.

What are Properties
Properties are what defines an element. They change the appearance of an element and defines how an element acts. In a stylesheet, peoperties are seen in {brackets}, separated by ;semi-colons;. Each property will have two or more options, and these options are what really defines an element.

Overall, the following is what a stylesheet will look like:

<style type="text/css">
element {property1: property option; property2: property option;}
element2 {property1: property option; property2: property option;}
</style>

Note how each property is followed by a :colon: and ended with a ;semi-colon;. This will be important for finishing off a stylesheet as missing out a colon or semi-colon will make the layout skewed on Firefox and some other browsers.