-

-

1- How to change color when links are visited

a:link {color:#FF0000;}      /* unvisited link */

a:visited {color:#00FF00;}  /* visited link */

a:hover {color:#FF00FF;}  /* mouse over link */

a:active {color:#0000FF;}  /* selected link */

2)Overflow property

OR

how to hide certain part of page or image in a certain part of image ?

Overflow is a very important property especially in animations and its various properties especially hidden help to hide sections of a page or image . It’s syntax is :

<style type=”text/css”>

overflow:hidden;

</style>

Other values are visible(default value),scroll,auto,inherit

For more Information

http://www.w3schools.com/css/pr_pos_overflow.asp

3)What are Grouped Selector and how to use it?

Sometime similar html elements like paragraph tag,div’s,span can have same style and thus it ios more convinient to group it than wasting your time and space on writing seperately

h1, h2, h3, h4, h5, h6 {
font-family:arial;
margin:0.5em 0;
padding:0;
}

here we have grouped all heading tag so if they have same style we can write as above

4)How to change text to upper or lowercase  through css only?

So we can transform text through text transform property

h1 {
text-transform:uppercase;
}
h2 {
text-transform:capitalize;
}
p {
text-transform:lowercase;
}

5)How to fix the PNG issue with IE6 browsers (that of background image)through css only

this specfic css is a an approach to remove background image problem through css only in Internet Explorer 6 Browsers

.png_hack{
background-image: url(../img/the_image.png) !important;
background-image: none;
filter: none !important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’img/the_image.png’);
}

6)How to create a 3d like button effect  through css only

a {
display: block;
border: 1px solid;
border-color: #aaa #000 #000 #aaa;
width: 8em;
background: #fc0;
}

a:hover
{
position: relative;
top: 1px;
left: 1px;
border-color: #000 #aaa #aaa #000;
}