* *CSS* *

HOW DO I USE CSS?!

Let's look into how CSS work:
The general idea is that you can have two files - your regular HTML [.html] webpage file and then, if you want, also a CSS [.css] file which tells a browser how to display your webpage and make it extra hype. For example, pretend that in your HTML page you are using the <em> tag [which means "emphasize"] to make some parts of the text stand out. If you just use <em> on it's own most browsers will only make the text italic.

However, with CSS you can create a "style" which will tell the browser to display anything inside an <em> tag in different colors, fonts, backgrounds, or more - not just make it italic. Also to make things easier, you don't need to always have a separate file for your CSS, you can put it right in with your HTML code. This is how it works on MySpace. Let's take a closer look, in the first example you can see that we are using just the <em> tag on it's own, in the second check out how we use CSS and notice the difference:


Example 1, no CSS:
this is what the code looks like using just the <em> tag and no CSS:
<em>Bling bling</em>
Everytime I come around yo' city
<em>Bling bling</em>
Pinky ring worth about 50
<em>Bling bling</em>
Everytime I buy a new ride
<em>Bling bling</em>
Lorenzos on Yokahama tires
<em>Bling bling</em>
this is how the brower will show the code, notice that the <em> tag just make the words Bling bling italic:
Bling bling Everytime I come around yo' city Bling bling Pinky ring worth about 50 Bling bling Everytime I buy a new ride Bling bling Lorenzos on Yokahama tires Bling bling


Example 2, using CSS on the <em> tag:
this is what the code looks like using CSS to apply a style to the <em> tag:
<style type="text/css">
em {
font-size: 80px; color: blue; }
</style>

<em>Bling bling</em>
Everytime I come around yo' city
<em>Bling bling</em>
Pinky ring worth about 50
<em>Bling bling</em>
Everytime I buy a new ride
<em>Bling bling</em>
Lorenzos on Yokahama tires
<em>Bling bling</em>
this is how the brower will show the code, notice that the <em> tag now makes the words Bling bling appear large and blue as well as italic:

Bling blingEverytime I come around yo' city Bling blingPinky ring worth about 50 Bling blingEverytime I buy a new ride Bling blingLorenzos on Yokahama tires Bling bling

IT'S NOT REALLY THAT HARD!!

So as we pointed out, CSS can be confusing
but overall it's not that bad and as you experiment more you will find lots of cool tricks. HTML and CSS are the two languages you can use with your MySpace pages, so by using CSS you have twice as much potential MySpace Pimping Power than if you used HTML alone. CSS can apply "styles" to HTML text, pictures, tables, backgrounds, links...anything that you can put in your HTML page. MySpace uses it's own CSS as well, when you first sign on and get your MySpace account all the default text colors and tables are done with CSS from MySpace. However by inserting your own CSS into your page as we explained on the previous page, you are actually overriding the MySpace defaults to make your MySpace profile unique.