Changing link style properties using css


This Tutorial Has Been Viewed 1,010 Times.
VN:F [1.9.20_1166]
Rating: 10.0/10 (1 vote cast)

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>
VN:F [1.9.20_1166]
Rating: 10.0/10 (1 vote cast)
Changing link style properties using css , 10.0 out of 10 based on 1 rating


You will also be interested in ,

coded by nessus
Categories: Css

Leave a Reply