CSS -webkit Help

Question

I have a question.

I see these values all the time on the internet in HTML code in examples below in red, like -moz -linear-gradient, -webkit-gradient, can you point me to a website so that I can learn about the values below to the background image. Will all these values work for the common browsers, IE, firefox, chrome etc......

body header.headerBackground {

background-color: #414246;

background-image: -moz-linear-gradient(top,#54565a,#242427);

background-image: -webkit-gradient(linear,0 0,0 100%,from(#54565a),to(#242427));

background-image: -webkit-linear-gradient(top,#54565a,#242427);

background-image: -o-linear-gradient(top,#54565a,#242427);

background-image: linear-gradient(to bottom,#54565a,#242427);

background-repeat: repeat-x;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54565a',endColorstr='#ff242427',GradientType=0);

box-shadow: 0 1px 1px #4b4b4b;

height: 100%;

}