Facebook Twitter Reset

This Tutorial Has Been Viewed 636 Times.

Changing link style properties using css


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

Incoming search terms:




You will also be interested in ,

No comments yet.

Leave a Comment

Spam protection by WP Captcha-Free

Affordable Seo PackagesSeo BlogEdu Backlinks
More in PHP, scripts (33 of 149 articles)