Introduction to CSS Anchors, Links & Pseudo Classes - Lesson 6

1. Introduction to CSS Anchors,Links & Pseudo Classes - Lesson 6 Publisher : Attitude Academy

2. What is Anchors, Link CSS This chapter teaches you how to set different properties of a hyper link using CSS. You can set the following properties of a hyperlink: Below are the various ways you can use CSS to style links. The: link Define how to set the link color The: visited how to set the color of the visited links. The: hover how to change the color of links when we bring a mouse pointer over that link The: Focus It sets the color a link changes to as the user tabs through the links The: active how to change the color of active links.

3. Example Here: a:link {color: #009900;}a:visited {color: #999999;}a:hover {color: #333333;}a:focus {color: #333333;}a:active {color: #009900;} <a href="Path" >All css property work on anchor tag</a>

4. What is Pseudo Classes CSS CSS pseudo-classes are used to add special effects to some selectors. You do not need to use JavaScript or any other script to use those effects. A simple syntax of pseudo-classes is as follows: Note: You can take any selector for use this property I Take class Selector Example Here: Selector: pseudo classes {color: #000 ;}

5. Example Here: .box a:link {color: #009900;}.box a:visited {color: #999999;}.box a:hover {color: #333333;}.box a:focus {color: #333333;}.box a:active {color: #009900;} <div class="box"><a href="path" >Pseudo Classess</a></div>

6. Visit Us : Attitude Academy