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
alink color 009900avisited color
999999ahover color 333333afocus
color 333333aactive color 009900
lta href"Path" gtAll css property work on anchor
taglt/agt
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 alink color 009900.box avisited
color 999999.box ahover color
333333.box afocus color 333333.box
aactive color 009900
ltdiv class"box"gtlta href"path" gtPseudo
Classesslt/agtlt/divgt
6

• Visit Us Attitude Academy