Embedded Styles

Inline styles are similar to the <font> tag. Populating a page with these is considered bad programming practice. It’s better to include all the style information inside the document HEAD section. The Styles placed in the head are enclosed in the <style>-</style>tags.

<style type="text/css">

a.mystyle        {color:#FF5500;
                  font-size:10pt;
                  text-decoration:underline;
                  font-family:Verdana, Arial, Sans-serif}
</style>

• The style has four property:value pairs separated by semicolons.
• All the property:value pairs are placed inside curly braces.
• The style information applies to A, which is known as the selector. Furthermore, the selector is given a name, mystyle, through which it will be called from the classattribute.

<a href="mylink.html" class="mystyle">Link</a>

Related posts:

1. Learn CSS Basics Very Simple Tutorial
2. Displaying or changing images each day