O nome da cor que deve ser exibida na interface de saída está escrito nessa propriedade background. Por exemplo, ' fundo: vermelho ” definirá a cor de fundo vermelha. Da mesma forma, para manter o plano de fundo simples ou remover as cores do plano de fundo, “ nenhum ' e ' transparente ” são usados na propriedade background em vez do nome de uma cor.
Tanto background:none quanto background:transparent exibem os mesmos resultados, pois removem completamente o plano de fundo. Portanto, não há grande diferença entre o funcionamento dos dois.
Diferença entre “background:none” e “background:transparent” em CSS
O ' plano de fundo: nenhum ' e ' fundo: transparente ”, ambos são usados para o mesmo fim. Eles definem a cor do plano de fundo como nenhuma ou removem a cor do plano de fundo.
Mas ainda assim, se pensarmos criticamente e tentarmos encontrar diferenças entre eles, então existem duas diferenças possíveis:
- A principal diferença entre os dois é que são palavras diferentes com diferentes números de caracteres. Então, muitas pessoas acreditam que quando são usados em um documento enorme muitas vezes em lugares diferentes, o documento que usa “ plano de fundo: nenhum ” pode levar menos tempo para ser compilado porque nenhum tem menos número de caracteres em comparação com o transparent.
- Se falarmos sobre como eles são compilados, então, “ plano de fundo: nenhum ” define a imagem de fundo como nenhuma ou, digamos, remove a cor de fundo. Por outro lado, o “ plano de fundo:transparente ” define a cor transparente como plano de fundo do texto ou de toda a interface (o que for referido no elemento de estilo CSS).
Mas, esses tipos de diferenças podem ser negligenciados se falarmos sobre o impacto que eles têm na interface gráfica porque não haverá diferença no final.
Exemplo: Aplicando background:none e background:transparent
Vamos provar na prática que ' plano de fundo: nenhum ' e ' plano de fundo:transparente ” faça a mesma coisa com a interface. Escreva um trecho de código para saber o impacto da propriedade CSS background com nenhum e transparente:
< h2 eu ia = 'texto' >Este é um texto simples para explicar o propósito de background:none e background:transparent
< / h2 >
No trecho de código mencionado acima, há um título criado em um documento HTML e recebeu um id chamado “ texto ”.
Adicionando a propriedade CSS Background
O texto recebeu um id, então vamos criar um seletor de id no elemento de estilo CSS e simplesmente adicionar o “ plano de fundo: nenhum ” propriedade nele:
# texto {fundo : nenhum ;
}
Da mesma forma, para escrever o “ plano de fundo:transparente ” propriedade, não há diferença no método. Simplesmente, substitua “ nenhum ' com ' transparente ”:
# texto {fundo : transparente ;
}
Tanto o “ plano de fundo: nenhum ' e ' plano de fundo:transparente ” gerará a mesma saída:
Isso significa que não há diferença entre os dois e eles são compilados da mesma maneira.
Adicionando propriedade de plano de fundo com um nome de cor
Agora, se adicionarmos um nome de cor em vez de escrever “ nenhum ' e ' transparente ”, a saída nunca será a mesma gerada pelo “ plano de fundo: nenhum ' e ' plano de fundo:transparente ”. Por exemplo, escrevemos um nome de cor na propriedade background:
# texto {fundo : azul claro ;
}
A diferença é clara. Não está exibindo a mesma saída como no caso de plano de fundo: nenhum e plano de fundo:transparente :
Isso resume a diferença entre background:none e background:transparent.
Conclusão
Background:none e background:transparent são usados para remover a cor de fundo e para definir a cor de fundo como transparente, respectivamente. Mas, como ambos têm exatamente o mesmo impacto na interface de saída, ambos background:none e background:transparent podem ser usados para o mesmo propósito.