This is for to test the different sorts of Style Sheets
There are 4 different ways.
Inline: the style rule is placed inside the HTML tag
<h2 STYLE="color: #FF0000">This heading is red</h2>
I want this heading red
Embedded: a style block is placed in the <Head> section of your HTML document nested within an opening and closing <Style> tag and using <!--comment tags-->
<style type="text/css">
<!--
h3 {color: #CC0000;}
-->
</style>
I want all<h3> headings on this page to be red
Linked:
style rules are placed on a separate document or style sheet and saved with a .css extension. This style sheet is linked to a web page using the link tag:
<LINK REL="stylesheet" TYPE="text/css"
HREF="stylesheetname.css">
I want to use a linked style sheet on this page
Imported: this is similar to a linked style sheet except the .css document is imported into the style block in the <head> section of the web page using a URL:
<LINK REL="stylesheet" TYPE="2text/css"
HFEF="http://www.mysite/styles/sheet1">
I want to use an imported style sheet on this page
I set up an Embedded Style sheet...I told that I want the color of the ul in white in 12 pt.
The H1 in bold in green color and 18pt and the unordered list in white color in 12 pt.
Also the other text like here should show up in 10 pt and in color #FF6666 which is a light red.
hmmm the p tag will show all text in p in the chosen style. So the text above is in an p tag and has another color than this one
here!
