Getting your Knickers in a Twist with Cascading Style Sheets. (Twisted Black Lace Panties)

Embedded Styles, Why Use them and How to use them correctly

This page is going to be all about how to use Embedded Styles into an actual Web Page, as opposed to styles in a Style Sheet, this page is being worked on at the Momen along with other Getting your Knickers in a Twist over CSS Pages, come back here in a week or too... Always start your search a the Knickers Twisted Page, where shortly there will be an index to all these Web Pages about getting your Knickers in a Twist over CSS. You sgould be disciplined when you write Embedded syles, always write just what you need: do not crearte a comlicatted style when a simple one will do the job perfectly well.

So Cutting Straight to the chase: Why might you want to use an Embeded Style, and How would you use an Embeded Style?

To Answer the Question: Embedded Styles can be used when you want a Style that you can use just only in the page you are writting.... is that clear! An Embeeded style is placed inside the Head Tag of the Web page conserned. So you do NOT NEED to either create or link to or import a Style Sheet, Sounds Really easy, it is, but do not expect to be able to apply those style to more than one Web Page, i.e. the one it is in.

So How to do it...

Place in the Head Tag this code:

<style type="text/css" media="all">

Then Place the styles you want eg:

h1{font:small-cap bold italic 2.5em Georgia, 'Times New Roman', times, serif; color: red;}

Then make sure you do close the style tag like this:

</style>

Make sure this code is in the head tag, i.e. inbetween <head> and </head>.

Now save the page put it to your live web server and Job is done, and the whole problem is Untwisted and just works......

 

If you want to learn about Inline styles you need another page or go to out Getting Your Knickers in a Twist With CSS Index page.