¿Que diferencia hay entre estos 2 estilos?

[Coplo]

body {background-image:url(img/ejem2.gif);background-attachment:fixed;}

body {background:url(img/ejem2.gif) top right no-repeat fixed #FFF;}

[Calizman]

Saludos Coplo!

La diferencia que hay te la doy en partes:

body {background-image:url(img/ejem2.gif)

body {background:url(img/ejem2.gif)

Estos dos son lo mismo... solo que el segundo es mas abreviado y esta escrito "correctamente" por decirlo asi... ya que no hay ningun problema en escribirlo como esta el primero pero es cuestion de ahorrar lineas xD

top right no-repeat

Esta es la posicion de la imagen, esto indica que si tienes un cuadro de 50px X 50px estara posicionado en la parte de arriba hacia el lado derecho y el no-repeat indica que no se repetira... por lo que simplemente saldra el pequeño cuadro posicionado en donde lo indicas

Fixed
background-attachment:fixed

Esto indica que se quedara fija la imagen... no se cambiara de posicion y no tendra ninguna variacion, ya que hay propiedades que hacen que baje conforme al scroll o diferentes coqueterias... xD

#FFF

En CSS te permite que los colores ya no se repitan, este es un fondo blanco por lo que antes era #FFFFFF ahora es FFF y si antes era #000000 ahora es #000 por razones logicas... esto no se hace con colores combinados como #cae74f

Espero haberte ayudado... para mas dudas te recomiendo visitar Este Tutorial o Este otro Tutorial

Saludos!

[JavierB]

Hola Coplo

Además de lo que te comenta CaLiZzZ, cuando pones:

body {background:url(img/ejem2.gif) top right no-repeat fixed #FFF;}

significa que la parte que no ocupe la imagen saldrá con el color que has puesto en el código.

Saludos,

[Mikmoro]

La diferencia real es que puedes especificar cada propiedad del fondo por separado:

background-image: url...;
background-color: #fff;
background-position: center...;

o declararlas todas en una sola como background, sin nada detrás

background: (image) (url) (color) (position) etc.

[Jamati]

Iniciado por JavierB

Hola Coplo

Además de lo que te comenta CaLiZzZ, cuando pones:

body {background:url(img/ejem2.gif) top right no-repeat fixed #FFF;}

significa que la parte que no ocupe la imagen saldrá con el color que has puesto en el código.

Saludos,

también el color de fondo se podría poner adelante:

body {background:#FFF url(img/ejem2.gif) top right no-repeat fixed;}

Si estoy equivocado que alguien me corrija por favor.

[Calizman]

Como diria mi maestro de matematicas:

El orden de los factores no altera el producto. (no aplica a todo el CSS) xD

[Coplo]

Gracias a todos por explicarme la diferencia hay entre los 2 estilos.