adsense


Showing posts with label CSS PSEUDO ELEMENTS. Show all posts
Showing posts with label CSS PSEUDO ELEMENTS. Show all posts

Monday, 5 October 2015

CSS PSEUDO ELEMENTS PAGE 4


CSS PSEUDO ELEMENTS


Pseudo element: CSS pseudo-elements are used 
to add special effects to some selectors. You 
do not need to use Javascript or any other 
script to use those effects.Pseudo element is 
used to make style to the 1st character & 1st 
of an element.
Example:11
<html>
<head>
<style>
 p:first-letter
 {color:blue;background-color:green;font-size:50; }
</style></head>
<body>
<p>welcome to css class</p>
</body>
</html>

most commonly used pseudo-elements:
:first-line  , :first-letter, :before , :after.
Pseudo classes :
Pseudo classes are used on the elements for 
particular actions in hyer links.
Example :12  (ps.html)
<html>
<head>
<style>
a:link{ color:green; font-size:30; }
a:hover{ color:red; text-decoration:none;font-size:50;}
a:active{ color:yellow;}
a:visited{color:blue;}
</style>
<body>
<a href="d:\css\ess.html">external</a>
<br>
<a href="d:\css\embed.html">internal</a>    
</body>
</html>