background: none vs background: transparent qual é a diferença?

Existe uma diferença entre essas duas propriedades CSS:

background: none;
background: transparent;

1. Ambos são válidos?
2. Qual deles deve ser usado e por quê?

Não há diferença entre eles.

Se você não especificar um valor para qualquer uma das meia dúzia de propriedades que backgroundé uma abreviação de, ele será definido como seu valor padrão. nonee transparentsão os padrões.

Um define explicitamente o background-imagepara nonee implicitamente define o background-colorcomo transparent. O outro é o contrário.

Como informações adicionais sobre a resposta do @Quentin e, como ele diz corretamente, a backgroundprópria propriedade CSS, é uma abreviação de:

background-color
background-image
background-repeat
background-attachment
background-position

Isso significa que você pode agrupar todos os estilos em um, como:

background: red url(../img.jpg) 0 0 no-repeat fixed;

Isso seria (neste exemplo):

background-color: red;
background-image: url(../img.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 0 0;

Então ... quando você define: background:none;
você está dizendo que todas as propriedades de segundo plano são definidas como nenhuma ...
Você está dizendo isso background-image: none;e todas as outras no initialestado (como elas não estão sendo declaradas).
Então background:none;é:

background-color: initial;
background-image: none;
background-repeat: initial;
background-attachment: initial;
background-position: initial;

Agora, quando você define apenas a cor (no seu caso transparent), está basicamente dizendo:

background-color: transparent;
background-image: initial;
background-repeat: initial;
background-attachment: initial;
background-position: initial;

Repito, como o @Quentin diz, com razão, que os valores default transparente neste caso são os mesmos, portanto, no seu exemplo e na sua pergunta original, não, não há diferença entre eles.none

Mas! .. se você disser background:noneVs, background:redentão sim ... há uma grande diferença, como eu digo, o primeiro definiria todas as propriedades para none/defaulte o segundo, apenas mudará o colore permanecerá o restante em seu defaultestado.

Então, em resumo:

Resposta curta : Não, não há nenhuma diferença (no exemplo e na pergunta original)
Resposta longa : Sim, há uma grande diferença, mas depende diretamente das propriedades concedidas ao atributo.

Upd1: valor inicial (aka default)

Valor inicial a concatenação dos valores iniciais de suas propriedades de longhand:

background-image: none
background-position: 0% 0%
background-size: auto auto
background-repeat: repeat
background-origin: padding-box
background-style: is itself a shorthand, its initial value is the concatenation of its own longhand properties
background-clip: border-box
background-color: transparent

Veja mais backgrounddescrições aqui

Upd2: Esclareça melhor a background:none;especificação.

Para complementar as outras respostas: se você deseja redefinir todas as propriedades de segundo plano para seu valor inicial (que inclui background-color: transparente background-image: none) sem especificar explicitamente qualquer valor como transparentou none, você pode fazer isso escrevendo:

background: initial;