I understand that there are CSS functions, such as gradient that are not supported in some of the older browsers. I have come across this example:
#grad {
background: red; /* Para navegadores que no soportan Gradient */
background: -webkit-linear-gradient(red, yellow); /* Para Safari 5.1 to 6.0 */
background: -o-linear-gradient(red, yellow); /* Para Opera 11.1 - 12.0 */
background: -moz-linear-gradient(red, yellow); /* Para Firefox 3.6 - 15 */
background: linear-gradient(red, yellow); /* Sintaxis standard */
}
If I understand it correctly: background: linear-gradient(red, yellow); would not work on any of those browsers for which a tag statement has been specified from your own browser. That's true? Another question: if I write the following:
background-color: blue;
-moz-background-color: red;
The result will be that in Mozilla the background will be red and in the others blue? And one last question: when you write CSS, how do you know when it is essential to use own tags for each browser or when it is enough to write a single statement?
